表格列宽怎么设置都无效?(td内容自动换行问题)
有次设置表格列宽时,显示的实际宽度与设置的宽度不一致,且无规律变化。最后,在查找资料后发现,可能是td内容 自动换行 的问题。因为表格中的内容有中文、英文字母、还有数字,以及三者的各种组合,所以换行的方式不一致,导致列宽变化。(个人分析,不妥之处请拍砖。)
所以添加以下css可以解决问题:
table{ word-break:break-all ; word-wrap:break-word }
说明:
(1) word-break:break-all:截断单词进行换行。
(2) word-wrap:break-word:若行尾不足以容下这个单词,自动把整个单词放到下一行。