常用换行样式

179 阅读1分钟

white-space

这个属性是用来控制空白字符显示的,同时还能控制是否自动换行

换行符空白符自动换行<br>
normal 默认当作空白符合并×
nowrap×合并
pre保留×
pre-wrap保留
pre-line合并

word-break

这个属性指定了怎么在单词内断行

规则
normal 默认使用默认断行规则
break-all对于 non-CJK (CJK 指中文/日文/韩文) 文本,可在任意字符间断行
keep-allCJK 文本不断行。 Non-CJK 文本表现同 normal
break-wordword-break: normaloverflow-wrap: anywhere 的合

overflow-wrap

效果
normal 默认只能在正常的单词结束处换行
break-word如果行内没有正常单词结束的断点,那么可以在任意点断开
anywhere如果行内没有正常单词结束的断点,那么可以在任意点断开,断点不加入连字符