最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS word-wrap 防止表格被撑开做法
时间：2011-09-30 编辑：简简单单 来源：一聚教程网
一。关于TD的noWrap属性
☆提出问题：
我设置nowrap和不设置nowrap效果都一样。就是表格随着文字自动伸展，为什么？
→回答问题：
TD元素noWrap属性的行为与TD元素的width属性有关。
◆如果未设置TD宽度，则noWrap属性是起作用的。
◆如果设置了TD宽度，则noWrap属性是不起作用的。
示例文件，点击运行按钮，查看效果
HTML 代码
引用：
--------------------------------------------------------------------
| 代码如下 | 复制代码 | |||||
| 测试字符串： 我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多…… 单元格未设置 nowrap属性的空表：
加入测试字符串：
单元格设置了nowrap属性，未设置width属性：
单元格设置了nowrap属性，也设置了width属性：
|
||||||
----------------------------------------------------------------------
----------------------------------------------------------------------
二。 table的宽度,单元格内换行问题
1. 要想固定table的总的宽度和每列的宽度：
| 有个attribute 叫 NOWRAP，可以控制每个单元格是否允许换行 | 或者 this.noWrap = true 3. 截断英文单词强行回行 上面两个方法可以把表格的宽度都固定了，每个单元是否允许回行都可以设定了，现在可能又会碰到一个问题，当允许回行的遇到比较长的英文单词，可能就超出了这个单元格的宽度，要是不把这个单词从中截断强行换行的话，这个单词的超出单元格宽的的部分将不被显示出来。所以需要在单词超出单元格长度的地方把单词强行截断回行。 可以利用css中的word-break 风格来达到我们的目的：
相关文章
热门栏目
| |||||||||||||||
