CSS之换行
程序员文章站
2023-04-06 12:50:33
在项目中，常常遇到一些问题，可以通过CSS来快速解决，比如受到布局影响会导致内容溢出，这个时候就可以使用CSS换行解决 自动换行： { word-wrap:break-word; } 强制不换行： { white-space:nowrap; } 允许在英文单词内断行： { word-break:br ......
在项目中，常常遇到一些问题，可以通过css来快速解决，比如受到布局影响会导致内容溢出，这个时候就可以使用css换行解决
自动换行： { word-wrap:break-word; }
强制不换行： { white-space:nowrap; }
允许在英文单词内断行： { word-break:break-all; }
word-wrap: normal （只在允许的断字点处换行）
break-word （允许在长单词或url内部换行）
white-space： normal （空白会被浏览器忽略）
pre （空白会被浏览器保留）
nowrap （文本不会换行，直到遇见<br />）
pre-wrap （保留空白符序列，但会正常的换行）
pre-line （合并空白符序列，但会保留换行符）
word-break： normal（浏览器默认的换行规则）
break-all （允许在单词内换行）
keep-all（只能在半角空格或连字符处换行）