目前共有1篇帖子。
【CSS】css限制、防止表格被連續英文字母拉長
1樓 产品的注销 2011-1-2 22:36
這種問題我們往往會忽略,因為不是很嚴重的問題, 但是我們必須找到一種最簡單,最合適的解決方法,舉個例子,我們在單元格中輸入一堆英文字母,tttttttttttttttttttttttttttttttt....等等,這時候你會發現在頁面中顯示的效果是表格沒有自動換行,而是被強制拉長,這是正常的,這時候我們需要對表格做下特殊處理方能解決這種情況的出現,下面我介紹一種方法.

用Css樣式強制換行

樣式代碼:
首先我們為表格套用樣式,即套在<table>標記中

<table style="table-layout:fixed;">
這句話的意思就是將表格定位,不管裡面有多少內容,如果超出,將自動覆蓋

然後我們再為單元格定位,即套在<td>標記中

<td style="width:100%;word-wrap:break-word;">
這句話的意思就是將單元格的內容自動換行

這樣我們就可以輕鬆實現表格內英文數據自動換行了。

回復帖子

內容:
用戶名: 您目前是匿名發表
驗證碼:
 
 
©2010-2024 Arslanbar [手機版] [桌面版]
除非另有聲明,本站採用創用CC姓名標示-相同方式分享 3.0 Unported許可協議進行許可。