hml中div元素的字母自动换行



hml中div元素的字母自动换行

合理应用换行可以让网页中的段落显得更加规整，一般情况下文本内容会随着外面容器的大小自动换行，但也有一些特殊情况让它们不那么守规矩。例如上图图一中所示。
怎样使英文字母自动换行[点击放大]

怎样使英文字母自动换行 来源：黄超
出现这样的现象是由于浏览器认为每个汉字之间是断开，并独立存在的，而英文是以每个单词为独立存在的，没有空格的一连串英文字母或数字则被看做一个连续的单词，所以不能自动换行。 解决的办法有两种，一是手动添加换行
或手动加入
标签进行分段，另一种是利用CSS使其强制断开。 一般在遇到内容不自动换行时只要在CSS中加入word-break:break-all就可以使其自动换行，但遇到字母或数字时，则需要加入word-wrap:break-word才能让它们争取换行，如上图图二中所示。

文字文字文字文字文字文字文字文字文字