如何使文字和字母自动换行[xyytIT]
& & 一般情况下文本内容会随着外面容器的大小自动换行,但也有一些特殊情况让它们不那么守规矩。如下图:
现象解析:出现这样的现象是由于浏览器认为每个汉字之间是断开,并独立存在的,而英文是以每个单词为独立存在的,没有空格的一连串英文字母或数字则被看做一个连续的单词,所以不能自动换行。
解决方法:解决办法有两种,一是手动添加换行
或手动加入
标签进行分段,另一种是利用CSS使其强制断开。
一般在遇到内容不自动换行时只要在CSS中加入word-break:break-all就可以使其自动换行,
但遇到字母或数字时,则需要加入word-wrap:break-word才能让它们争取换行。
&div style="height:100width:100margin:0line-height:40word-break: break-"&aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa汉字可以换行,但是字母不会自动换行&/div&
&div style="height:100width:100margin:0line-height:40word-break: break-"&aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa汉字可以换行,但是字母不会自动换行&/div&
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。