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

固定宽度 HTML 按钮中的文本换行

问题陈述：

用户可能会遇到具有固定宽度的 HTML 按钮中的文本不换行的情况。尽管尝试使用自动换行，但即使有可用空间，单词也会被切断。

解决方案：

为了确保固定宽度的 HTML 按钮中的文本换行，利用 CSS 属性：

white-space: normal;<br>

此属性恢复文本包裹在按钮内，确保其行为与任何其他表格单元格相同。

示例：

以下代码段演示了问题和解决方案：

< ;pre class="lang-html Prettyprint-override">

/>
b90dd5946f0946207856a8a37f441edf
bc5574f69a0cba105bc93bd3dc13c4ec

通过设置空白：normal;，文本将在 200px 宽内换行按钮，在单词边界处断开以避免难看的截断。

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