表格文字自动换行代码、网页文字自动换行代码
分类：网页设计 Tags： 表格 自动换行 评论：1 浏览：6741 最近更新时间：2008/10/18 22:54:05
有时候会发现一些网站的留言板宽度够宽，要拉左右的滚动条。
总结了一下，只要在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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
- <table border="0" cellpadding="0" cellspacing="0" style="TABLE-LAYOUT: fixed" >
- <tr>
- <td width="200" style="word-break:break-all">ddddddddddddddddddddd超长内容</td>
- </tr>
- </table>
总结了一下，只要在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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
本文地址：/382/
-
• 林子大了什么鸟都有，各位站长请注意你们的代码安全
• JavaScript特效:实现上下文字、图片滚动循环显示,中间有停顿
• Godaddy Windows plan details
• 世界最大域名注册商Godaddy.com介绍
• 在Dreamweaver 8中自定义连接字符串代码
• Div+CSS网页布局入门实例教程四(图)
• Div+CSS网页布局入门实例教程三(图)
• Div+CSS网页布局入门实例教程一、二(图)
• 网页虚线代码\表格边框虚线代码大全
• 解决XP系统IIS5.0 报Server Application Error错误方法，亲自测试可用
