css换行代码_如何用css控制文本自动换行 ?

纯div css的话不好自动换行吧

最多可以超过隐藏 overflow:hidden

CSS代码：#wrap{white-space:normal; width:200px; }

或者

#wrap{word-break:break-all;width:200px;}

DIV代码：

效果：文字自动换行。

word-break:break-all;代码起主要作用，如果没有这段链举手代棚嫌码，超出部分会自动答困隐藏掉，对用户体验很不好。

div定义宽度，文字会亮雀陆自动换行。如果是数字或者是英文字母的话一般不会自敬顷动换行。用word-wrap:break-word;实现强制断行。或者用overflow:hidden 把超出边界岁穗的字符隐藏

亲，给要换行的文字后面加上
标签就可以实现文字的自动换行了

用word—break属性即可，或者使用元素包裹，或者br也可以实现。

主要用到CSS的word-break属性，为其添加:break-all参数，乱州这样的话字符会适应规定的宽度缺芦而自动换行，实际上这就是CSS的强制换行功哗扮蔽能。

分类: 电脑/网络 >> 互联网

问题描述:

如何用css控制文本自动换行 ?

解析:

默认的就是自动换行

语法：

white-space : normal | pre | nowrap

取值：

normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会滑搭转到下一行

pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-pliant mode 支持。如果 !DOCTYPE 声明没有前旁指定为 standards-pliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。

nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭信悔拿遇 br 对象。