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

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

Barbara Streisand
發布: 2024-11-10 00:02:02
原創
925 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板