目前共有1篇帖子。 內容轉換:不轉換▼
 
點擊 回復
234 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)
 

本帖信息

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