CSS `CSS Line-breaking` (提案) `Line Justification` 与 `Hyphenation Zones`

各位观众,大家好!今天咱们来聊聊CSS里那些看似不起眼,但能让你的文字排版瞬间高大上的家伙:行间断字、行对齐,以及连字符区域。准备好,咱们要开始一场文字排版的“整容”手术了! 一、CSS Line-breaking (提案): 让你的文字不再“任性” 首先,咱们来说说 line-breaking。这个家伙主要负责控制文字在行尾如何断开。别小看它,处理不好,你的文字就会出现各种“奇葩”断句,影响美观和阅读体验。 目前 line-breaking 还在提案阶段,浏览器支持度有限,但了解一下总没错。它主要关注的是CJK(中文、日文、韩文)文字的断行规则,尤其是在一些特殊情况下。 line-break: auto;:默认值。浏览器会根据自身规则来断行,通常对于CJK文字来说,会在标点符号或者字之间断开。 line-break: loose;:采用最宽松的断行规则。尽量避免在CJK字符中间断开,倾向于在标点符号或者空格处断开。这对于改善CJK文本的可读性很有帮助。 line-break: normal;:使用最常见的断行规则。 line-break: strict;:采用最严格的断行规则。不允许 …