您现在的位置是：网站首页> 编程资料编程资料
CSS控制文本自动换行的问题_经验交流_
2023-05-25
245人已围观
简介 CSS控制文本自动换行的问题_经验交流_
用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（
总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注释一下：
1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注释一下：
1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
您可能感兴趣的文章:
相关内容
- 实用的利用 CSS + <em>标签 来完成一个三角形的制作_经验交流_
- 用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦！_经验交流_
- 让iframe自适应高度（支持xhtml）IE firefox兼容_经验交流_
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题_经验交流_
- div+css中Class与ID的区别_经验交流_
- 推荐css打造经典鼠标触发显示选项_经验交流_
- dl,dt,dd制作的CSS垂直菜单_经验交流_
- 彻底弄懂CSS盒子模式系列教程集合_经验交流_
- 都是IE惹的祸多浏览器兼容问题_经验交流_
- 推荐一篇利用th,colgroup,col定义表格样式_经验交流_
