如何在 HTML 中使表格單元格內容換行？

如何強製表格單元格要換行的內容

在提供的程式碼中，

中的文字是提交時元素會拉伸。要解決此問題並確保文字在單元格內換行，可以採取以下步驟：

解決方案

1. 表格佈局：
   新增表格-佈局：固定到；元素。此屬性指定表格將具有固定佈局，強制其列具有指定的寬度。
   自動換行：
   將 word-wrap:break-word 加到 < ；td>元素。此屬性允許在表格儲存格內自動換行，從而允許長文字分成多行。

   範例

   <br> <br> <br> 表{border-collapse:collapse;表格佈局：固定；寬度：310px;}<br> 表td {border:solid 1px #fab;寬度：100px；自動換行:斷字;}<br> 樣式><br><p><br> </p><pre class="brush:php;toolbar:false">  a34de1251f0d9fe1e645927f19a896e8
        b6c5a531a458a2e790c1fd6421739d1c1b90dd5946f0946207856a8a37f441edf
        b6c5a531a458a2e790c1fd6421739d1cLorem Ipsumb90dd5946f0946207856a8a37f441edf
        b6c5a531a458a2e790c1fd6421739d1cLorem Ipsum is simply dummy text of the printing and typesetting industry. b90dd5946f0946207856a8a37f441edf
     fd273fcf5bcad3dfdad3c41bd81ad3e5
     a34de1251f0d9fe1e645927f19a896e8
        b6c5a531a458a2e790c1fd6421739d1c2b90dd5946f0946207856a8a37f441edf
        b6c5a531a458a2e790c1fd6421739d1cLoremIpsumhasbeentheindustry'sstandarddummytexteversincethe1500s,whenanunknownb90dd5946f0946207856a8a37f441edf
        b6c5a531a458a2e790c1fd6421739d1cLorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.b90dd5946f0946207856a8a37f441edf
     fd273fcf5bcad3dfdad3c41bd81ad3e5
     a34de1251f0d9fe1e645927f19a896e8
        b6c5a531a458a2e790c1fd6421739d1c3b90dd5946f0946207856a8a37f441edf
        b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf
        b6c5a531a458a2e790c1fd6421739d1cLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...b90dd5946f0946207856a8a37f441edf
     fd273fcf5bcad3dfdad3c41bd81ad3e5

   
   
   

以上是如何在 HTML 中使表格單元格內容換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！