如何获取引导按钮以适应包装的文本?

时间:2017-04-05 15:30:41

标签: css twitter-bootstrap

我正在使用Bootstrap 4,并且按钮的文字长度超过宽度:

<table><tr><td style="width:100px">
<button class="btn btn-default" style="white-space:normal">Some Text here I have</button>
<button class="btn btn-default">Some Text here I have</button>
<button class="btn btn-default">Some Text here I have</button>
<button class="btn btn-default">Some Text here I have</button>
</td></tr></table>

我尝试添加'white-space:normal',如上所示,但是文本被切断,按钮保持相同的高度,切断了包裹的文本。如何使按钮显示正确的高度,并且:1)缩小文本以适应按钮或2)大小按钮大到足以在包裹时显示所有文本?

0 个答案:

没有答案