固定寬度HTML 按鈕中的文本換行
問題陳述:
用戶可能會遇到具有固定寬度的HTML 按鈕中的文字不換行的情況。儘管嘗試使用自動換行,但即使有可用空間,單字也會被切斷。
解決方案:
為了確保固定寬度的HTML 按鈕中的文字換行,利用CSS 屬性:
white-space: normal;<br>
此屬性恢復文字包裹在按鈕內,確保其行為與任何其他表格單元相同。
範例:
以下程式碼片段示範了問題和解決方案:
< ;pre class="lang-html Prettyprint-override">
透過設定空白:normal;,文字將在200px 寬內換行按鈕,在單字邊界處斷開以避免難看的截斷。
以上是如何在固定寬度的 HTML 按鈕中實作文字換行?的詳細內容。更多資訊請關注PHP中文網其他相關文章!