使用一段css代码：”word-wrap:break-wordword-break:break-alloverflow:hidden“。
实例演示如下：
1、设计两个容器，放入一些文字，代码如下：
此时的页面展示如下：（均为换行）
2、修改两个容器的样式，给第一个容器加上了关键代码如下：
此时的页面展示（第一个已经换行）：
扩展资料：
css详解：
一、word-wrap:normal|break-word（word-wrap属性允许长单词或URL地址换行到下一行）。
1、normal，只在允许的断字点换行（浏览器保持默认处理，默认值）。
2、break-word，在长单词或URL地址内部进行换行。
二、word-break:normal|break-all|keep-all（通过使用word-break属性，可以让浏览器实现在任意位置的换行）。
1、normal使用浏览器默认的换行规则。（默认值）
2、break-all允许在单词内换行。
3、keep-all只能在半角空格或连字符处换行。
兄弟，正常字符（汉字，或汉字和字母）的换行应该是没什么问题的,\x0d\x0a我估计你的问题是连续的数字和英文字符不换行。\x0d\x0a\x0d\x0a对于div,p等块级元素：\x0d\x0a正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行\x0d\x0ahtml\x0d\x0a正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义\x0d\x0acss\x0d\x0a#wrap{white-space:normalwidth:200px}\x0d\x0a1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word 或者word-break:break-all实现强制断行\x0d\x0a#wrap{word-break:break-allwidth:200px}\x0d\x0a或者\x0d\x0a#wrap{word-wrap:break-wordwidth:200px}\x0d\x0a\x0d\x0a2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条\x0d\x0a#wrap{word-break:break-allwidth:200pxoverflow:auto}
