目前共有1篇帖子。 字體大小:較小 - 100% (默認)▼  內容轉換:港澳繁體▼
 
點擊 回復
351 0
【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;">
這句話的意思就是將單元格的內容自動換行

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

回復帖子

內容:
用戶名: 您目前是匿名發表
驗證碼:
(快捷鍵:Ctrl+Enter)
 

本帖信息

點擊數:351 回複數:0
評論數: ?
作者:产品的注销
最後回復:产品的注销
最後回復時間:2011-1-2 22:36
 
©2010-2025 Purasbar Ver2.0
除非另有聲明,本站採用共享創意姓名標示-相同方式分享 3.0 Unported許可協議進行許可。