目前共有1篇帖子。 内容转换:不转换▼
 
点击 回复
137 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)
 

本帖信息

点击数:137 回复数:0
评论数: ?
作者:产品的注销
最后回复:产品的注销
最后回复时间:2011-1-2 22:36
 
©2010-2024 Arslanbar Ver2.0
除非另有声明,本站采用知识共享署名-相同方式共享 3.0 Unported许可协议进行许可。