如何在固定寬度的 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中文網其他相關文章！