相关疑难解决方法(0)

我只是注意到,如果你给一个固定宽度的html按钮,按钮内的文本永远不会被包装.我已经尝试过自动换行,但即使有可用的空间,也可以剪掉这个词.

如何使用像任何tablecell一样的固定宽度换行的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

如果可以在单词之间切断它,我不希望它在一个单词的中间切割.

谢谢

为什么CSS统治

a {
  word-wrap: break-word;
}

和

<div>
  <a href="...">verylongurlherewithnospaces</a>
</div>

不换行并导致窗口显示滚动条，而

div {
  word-wrap: break-word;
}

其锚点子文本的换行效果好吗​​？

更新：刚刚注意到（当您调整窗口大小时，请参阅此表单 中的 L3ST-instance URL 字段）除了建议的 display:inline-block 之外，我还需要 word-break:break-all 而不是 word-wrap:break-word，所以现在使用：

a
{
  word-break: break-all !important; /* make sure containers don't override */
  display: inline-block !important;
}

效果很好