css文本是否换行

关于文本换行有三个属性:

white-space

word-break

word-wrap

white-space

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

word-break

normal 使用浏览器默认的换行规则
break-all 允许在单词内换行
keep-all 只能在半角空格或连字符处换行。可以理解为空格,特殊符号和标点符号处换行

word-wrap

normal 只在允许的断字点换行(浏览器保持默认处理)
break-word 在长单词或 URL 地址内部进行换行

本文只做简单记录和描述,如有表述不准确之处,欢迎指正,欢迎补充,感谢阅读。

猜你喜欢

转载自www.cnblogs.com/wangzhenyu666/p/9023364.html