一尘不染

如何用固定宽度包装HTML按钮的文本?

html

我只是注意到,如果为HTML按钮提供固定宽度,则按钮内的文本永远不会被换行。我已经尝试过自动换行功能,但是即使有足够的空间可以换行,也可以减少单词的使用量。

如何使HTML按钮的文本像任何表格单元一样具有固定的宽度换行?

<td class="category_column">

  <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;"

  />

</td>

CSS类除了添加边框和修改填充外什么也不做。如果我添加word-wrap:break-word到此按钮,它将像这样包装它:

Roos Sturingen / Sen
sors

而且我不希望在单词中间切掉它。


阅读 244

收藏
2020-05-10

共1个答案

一尘不染

我发现您可以使用空白CSS属性:

white-space: normal;

它将把单词打断为普通文本。

2020-05-10