如何在固定宽度的 HTML 按钮中进行文本换行？

如何控制固定宽度 HTML 按钮中的文本换行

在具有预定义宽度的 HTML 按钮中，文本通常保持牢不可破，导致尴尬的截断。本文探讨了此问题的解决方案，实现按钮文本（如表格单元格）的无缝换行。

一种失败的方法涉及使用自动换行属性。虽然它看起来很直观，但它可能会导致单词在字符中间被切断。

相反，关键在于空白 CSS 属性。将按钮设置为正常可以让文本像常规文本一样中断：

<code class="css">white-space: normal;</code>

考虑以下按钮：

<code class="html"><input type="submit" ... style="width: 200px; white-space: normal;">Roos Sturingen / Sensors</input></code>

将空白属性设置为正常情况下，文本会在固定宽度内优雅地换行，避免难看的分词。

以上是如何在固定宽度的 HTML 按钮中进行文本换行？的详细内容。更多信息请关注PHP中文网其他相关文章！