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

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

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

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

  说明:

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

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

  

posted @ 2016-01-01 15:19  wiHom-  阅读(805)  评论(0编辑  收藏  举报