2025-11-18 04:06:48
设置行距就是让文字之间多留空隙,用line-height和letter-spacing两个属性调整。行高就是行和行之间的垂直距离,直接给line-height写数字就行,比如1.5就是1.5倍字体高度。有的朋友可能会问为什么line-height能控制行高啊,其实它本身就有这个功能,就像给文字撑了个看不见的框。
为什么答案这么简单呢?因为这两个属性本来就是CSS里控制文本间距的核心工具。根据W3C标准文档,默认行高是1.5倍字体大小,但手机屏幕小的时候得调到1.2倍,电脑大屏就保持1.5倍。比如我试过用1.5行高放12px字,实际高度刚好18px;如果写成1.6行高就会变成19.2px。还有个冷知识,letter-spacing每加1px,中文字间距就宽0.5px,英文单词间距宽1px。不过现在很多浏览器自动适配了,不用总调这两个属性啦。
本题链接: