css中按钮里面的字换行

CSS中，我们经常会用到按钮。在按钮中，有时候我们会遇到一个问题，那就是按钮里面的字太长，无法完全显示在按钮中。这时候，我们就需要在CSS中设置换行。

button {
    width: 100px;
    white-space: pre-wrap;
} 

在这段代码中，我们使用了CSS的white-space: pre-wrap;属性来设置换行。这个属性的意思是，保留空白符并允许换行。

这样设置之后，在按钮中的文字就会自动换行了。同时，我们也可以使用来强制换行，如下所示：

<button>
    第一行
第二行
第三行
</button> 

这样设置之后，在按钮中的文字就会被分成三行，分别显示在按钮中。

总的来说，在CSS中设置换行还是比较简单的。我们只需要使用white-space: pre-wrap;属性，或者使用来强制换行即可。希望这篇文章可以帮助到大家！