設置 | 登錄 | 註冊

作者共發了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-2025 Purasbar Ver3.0 [手機版] [桌面版]
除非另有聲明,本站採用知識共享署名-相同方式共享 3.0 Unported許可協議進行許可。