td内容自动换行.pdfVIP

  • 15
  • 0
  • 约7.03千字
  • 约 14页
  • 2021-06-25 发布于上海
  • 举报
td 内容自动换行 使用table 进行页面开发,会遇到字符串很长 将 table 撑开变形的问题,在网上搜了一些,终 于找到 一个比较好用的解决方法。贴出来,方 便以后使用。在 table 标签中加入如下的 style 就 行了。 table border=0 cellspacing=0 cellpadding=0 width=200 align=center style=table-layout:fixed;word-wrap:break-wor d;word-break:break-all 很简单,加一个 style .. td style=word-wrap:break-word: width=160aaaaaabbbbcccdddeeffesfsdffdfds fsdfasdfasdfasfadfadf/td 这样就不会让 table 撑破了! table width=100% border=0 cellspacing=0 cellpadding=0 style=table-layout:fixed;word-break:break-all tr td style=word-wrap:break-word;word-break:bre ak-allxxx/td/tr/table 1. 单元格自动换行 只要在 table 属性中写上 style=table-layout: fixed即可,如下 table width=80% height=166 border=0 style=table-layout: fixed 表格就实现了单元格的压缩.但会对单元格内的 文字显示不全. 2 可以解决这个问题. 2.对单元格的控制. td width=50% style=word-wrap: break-word; 不换行 简单些 td 中加 white-space: nowrap;就 行了 换行如下: table style=table-layout:fixed; width=100% tr td width=50asdasd/td td width=100% style=word-wrap : break-word;word-break: break-all; overflow:hidden; abcdefghigklmnopqrstuvwxyz1234567890abc defghigklmnopqrstuvwxyz1234567890abcdefghi gklmnopqrstuvwxyz1234567890abcdefghigklmn opqrstuvwxyz1234567890abcdefghigklmnopqrst uvwxyz1234567890abcdefghigklmnopqrstuvwxy z1234567890abcdefghigklmnopqrstuvwxyz1234 567890/td /tr /table 在 Table 中加入如下样式: style=table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word 在默认情况下网页是不会自动换行的,如果字符 很长的话,就会 使网页变型,因为它是通过绝对长度来控制的, 我们在实际使用 中可是不想让它这样,其实只要在表格控制中添 加一句 td style=word-break:break-all就搞定了。 下面是一段示范的代码: body table width=100 border=0!-- 控制表格 的长度来换行 -- tr td width=628

文档评论(0)

1亿VIP精品文档

相关文档