小编Sam*_*mon的帖子

我有一个带有一些文本的按钮，但文本对于按钮来说太长，因此它会自动换行到下一行。由于我有一个固定的按钮高度，按钮中的第二行文本被隐藏，因为溢出未设置为可见。

例子

有没有办法设置按钮来改变其宽度并使其与里面的文本一样长？

我目前的CSS：

.block .btn {
    background-color: #464646;
    color: #fff;
    border:none;
    height: 30px;
    font-family: 'Segoe UI';
    font-size: 16px;
    cursor: pointer;
}
.block .btn:hover{
    background-color: rgba(40, 40, 40, 255)
}

编辑：

发现我的问题：在 HTML 中实际按钮的 style="" 属性中设置了一些剩余的宽度样式。CSS 本身没有任何问题。无论如何，感谢您的回答！