码迷,mamicode.com
首页 > 其他好文 > 详细

表格列宽怎么设置都无效?(td内容自动换行问题)

时间:2016-01-01 16:55:34      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

  有次设置表格列宽时,显示的实际宽度与设置的宽度不一致,且无规律变化。最后,在查找资料后发现,可能是td内容 自动换行 的问题。因为表格中的内容有中文、英文字母、还有数字,以及三者的各种组合,所以换行的方式不一致,导致列宽变化。(个人分析,不妥之处请拍砖。)

  所以添加以下css可以解决问题:

  table{ word-break:break-all ; word-wrap:break-word }

  说明:

  (1) word-break:break-all:截断单词进行换行。

  (2) word-wrap:break-word:若行尾不足以容下这个单词,自动把整个单词放到下一行。

  

表格列宽怎么设置都无效?(td内容自动换行问题)

标签:

原文地址:http://www.cnblogs.com/mz1680/p/5093348.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!