首頁  >  文章  >  web前端  >  如何在表格資料儲存格中換行文字(

如何在表格資料儲存格中換行文字(

Barbara Streisand
Barbara Streisand原創
2024-11-10 00:02:02881瀏覽

How to Wrap Text in a Table Data Cell (

如何在寬度有限的表格資料儲存格() 中換行文字

嘗試在< 中換行文字時;td >寬度有限的元素,它可能無法按預期工作。本文旨在提供此問題的解決方案。

問題:

使用者想要將文字換行在

中。元素,但儘管使用了“word-wrap:break-word;”,但它並沒有換行。樣式和 15% 寬度。使用者需要找到一種在保持有限寬度的同時對文字進行換行的方法。

解:

將文字換行在

中寬度有限的元素,需要同時修改table和 元素的樣式:
  1. 表格樣式:

    • 將下列CSS 加到表格:

      table {
          table-layout: fixed;
      }

  2. 這為表格設定了固定佈局,允許

    的有限寬度。要強制執行的元素。
    • 樣式:
      td {
          word-wrap: break-word;
      }

      將下列CSS 加入 中元素:

      這使得 內的文字換行成為可能。 透過實現這些樣式更改,文字將在 內換行。元素,同時仍遵守 15% 寬度限制。

以上是如何在表格資料儲存格中換行文字(的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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