css换行方式

1,293 阅读1分钟

【1】word-break 允许单词在任何地方被打破(主要针对的是字母单词的文本,对中文使用意义不大)欧朋浏览器可能不起作用

Normal 使用浏览器默认的换行规则

Break-all 允许在单词内换行

Keep-all 只能在半角空格或连字符处换行

【2】overflow-wrap: break-word

break-word  如果一个单词不能中断,因此它会溢出,那么它可以在任何地方断开,以避免溢出。

【3】hyphens:auto

hyphens:auto:比如断字中添加断线(-)。连字符有时可以在URL和长单词中使用

【4】

line-break: anywhere

line-break: anywhere 

line-break: line-break

【5】White-space 处理元素中的空白

White-space:pre-wrap 文本会换行,保留空白符序列。

【6】Word-wrap 对长单词进行截断换行

Normal 只在允许的断字点换行(浏览器保持默认处理)

Break-word 允许在长单词或 URL 地址内部截断换行