Setting Line Length in CSS (and Fitting Text to a Container)

Setting Line Length in CSS (and Fitting Text to a Container)

摘要

行文长度影响阅读体验，WCAG建议单行不超过80字符（中文40字），50-75字符更优。CSS可用ch单位设置宽度，结合clamp()和min()实现响应式适配。标题适配容器宽度可用SVG+JS方案（3行代码）或Roman的纯CSS黑科技。未来或通过text-grow/text-shrink属性一键控制文本缩放，目前提案仍在讨论中。