如何在固定寬度的 HTML 按鈕中實作文字換行？

固定寬度HTML 按鈕中的文本換行

問題陳述：

用戶可能會遇到具有固定寬度的HTML 按鈕中的文字不換行的情況。儘管嘗試使用自動換行，但即使有可用空間，單字也會被切斷。

解決方案：

為了確保固定寬度的HTML 按鈕中的文字換行，利用CSS 屬性：

white-space: normal;<br>

此屬性恢復文字包裹在按鈕內，確保其行為與任何其他表格單元相同。

範例：

以下程式碼片段示範了問題和解決方案：

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

/>

透過設定空白：normal;，文字將在200px 寬內換行按鈕，在單字邊界處斷開以避免難看的截斷。

以上是如何在固定寬度的 HTML 按鈕中實作文字換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！