目前共有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許可協議進行許可。