固定宽度 HTML 按钮中的文本换行
问题陈述:
用户可能会遇到具有固定宽度的 HTML 按钮中的文本不换行的情况。尽管尝试使用自动换行,但即使有可用空间,单词也会被切断。
解决方案:
为了确保固定宽度的 HTML 按钮中的文本换行,利用 CSS 属性:
white-space: normal;<br>
此属性恢复文本包裹在按钮内,确保其行为与任何其他表格单元格相同。
示例:
以下代码段演示了问题和解决方案:
< ;pre class="lang-html Prettyprint-override">
通过设置空白:normal;,文本将在 200px 宽内换行按钮,在单词边界处断开以避免难看的截断。
以上是如何在固定宽度的 HTML 按钮中实现文本换行?的详细内容。更多信息请关注PHP中文网其他相关文章!