表格文字自动换行代码、网页文字自动换行代码
分类：网页设计 Tags： 表格 自动换行 评论：1 浏览：6884 最近更新时间：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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
-
• 网站快速成功的九个步骤
• 如何给表单文本域加上背景(图)
• 中英文企业网站常用中英文翻译对照
• 不错的photoshop样式免费下载，asl格式，Web2.0风格导航条与按钮效果
• 推荐1个免费的按钮图标icon下载站点，特别有质感哦
• 点击一个超级链接,能同时打开两个网页/网站的代码
• 如何给网站制作一个favicon.ico图标，附代码(图)
• 如何让网页上的所有链接都在新窗口打开
• 中式网站之古典风格网址
• 两端对齐英文文字的css代码
-
• 如何在QQ,MSN上加红心表达爱国热情?(MSN红心China,QQ头像红心国旗)
• Dreamweaver cs3 占用cpu100%的解决方法
• PhotoShop的一些好用的技巧
• 如何免费点亮手机腾讯网用户图标？
• 设置火狐浏览器为不使用代理模式教程
• 马云语录－阿里巴巴(Alibaba.com)创办人、主席、首席执行官(CEO)
• Windows IIS部署Let’s Encrypt https ssl证书的方法
• Google免费企业邮局申请、微软Live免费企业邮局申请
• CSS选取第几个标签元素：first-child、last-child、nth-child
• 走遍美国下载(走遍美国文本、走遍美国MP3、走遍美国视频下载)
