余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室,是义乌外贸网站建设专家!

表格文字自动换行代码、网页文字自动换行代码

分类:网页设计 Tags: 表格 自动换行 评论:1 浏览:6764 最近更新时间:2008/10/18 22:54:05

有时候会发现一些网站的留言板宽度够宽,要拉左右的滚动条。
 
  1. <table border="0" cellpadding="0" cellspacing="0" style="TABLE-LAYOUT: fixed" >
  2. <tr>
  3. <td width="200" style="word-break:break-all">ddddddddddddddddddddd超长内容</td>
  4. </tr>
  5. </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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。

本文地址:https://www.yuzhiguo.com/382/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:54.147.29.160,来自:
cxc
cxc : 火狐下面。。这样不管用啊。。 2012/6/6 23:32:07

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email