首頁 >web前端 >css教學 >如何在固定寬度的 HTML 按鈕中進行文字換行?

如何在固定寬度的 HTML 按鈕中進行文字換行?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-30 16:08:52487瀏覽

How to Make Text Wrap in a Fixed-Width HTML Button?

在固定寬度的按鈕中換行

如果您遇到固定寬度的HTML 按鈕不換行其文字的問題,請考慮使用以下方法:

具有自動換行文字的固定寬度按鈕

您可以透過利用空白CSS 屬性來授予按鈕自動換行功能。透過設定空白:正常,您可以指示瀏覽器像處理按鈕外部的常規文字一樣中斷文字。

範例:

<code class="css">td.category_column input[type="submit"] {
  white-space: normal;
  /* Other CSS styles */
}</code>

說明:

提供的程式碼範例將空白:正常加到原始HTML 片段中按鈕的CSS 類別。這會修改按鈕的行為,同時保留固定寬度和其他樣式。因此,按鈕內的文字現在將像在典型的表格單元格中一樣換行。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn