Table文字自动换行


最近在做页面测试时候发现td内文字过多,会撑开div,造成版面错乱。

解决办法:给td加样式如下

style="word-wrap:break-word; word-break:break-all;"


word-wrap:设置或检索当当前行超过指定容器的边界时是否断开转行
取值:
normal :  默认值。允许内容顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行( word-break )也将发生
word-break:设置或检索对象内文本的字内换行行为。尤其在出现多种语言时
取值
normal :  默认值。允许在词间换行
break-all :  该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

你可能感兴趣的:(word-wrap,word-break,文字自动换行)