css 文本换行，文本空白符处理相关 属性：white-space word-wrap word-break

.message .text {
    display: block;
    border-radius:10px;
    width: 223px;
    height: auto;
    padding: 11px 20px 19px 17px;
    font-size:14px;
    color:#4a4a4a;
    float: left;
    resize: none;
    word-break: break-all;/*自动换行*/
    word-wrap: break-word;/*以单词换行*/
    white-space: pre-wrap;
}

 

属性定义及使用说明

white-space属性指定元素内的空白怎样处理。

属性
white-space	1.0	5.5	3.5	3.0	9.5

---

属性值

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。

属性定义及使用说明

word-break属性指定非CJK脚本的断行规则。

提示:CJK脚本是中国，日本和韩国（"中日韩"）脚本

语法

word-break: normal|break-all|keep-all;

值	描述
normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

 

 

 

属性定义及使用说明

word-spacing属性增加或减少字与字之间的空白。

注意： 负值是允许的。

默认值：	normal
继承：	yes
版本：	CSS1
JavaScript 语法：	object.style.wordSpacing="10px"

属性值

值	描述
normal	默认。定义单词间的标准空间。
length	定义单词间的固定空间。
inherit	规定应该从父元素继承 word-spacing 属性的值。

 

---