首页 > 代码库 > css 文本换行，文本空白符处理相关

css 文本换行，文本空白符处理相关

2024-09-29 06:03:39   217人阅读

技术分享 
.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;
}
css

 

属性定义及使用说明

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 属性的值。
 

 

css 文本换行，文本空白符处理相关


联系
我们