web 行距

最新推荐文章于 2024-07-20 10:30:00 发布

szymark

最新推荐文章于 2024-07-20 10:30:00 发布

阅读量4.5k

点赞数

文章标签：字体 Web

本文深入解析网页布局中行距与字距调整的概念与应用，包括行距定义、设置原则及常见经验值，同时介绍字间距、字距调整的概念与作用，通过实例展示如何优化阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说到行距（行间距、Line-height、Leading），我们必须先要学习一个术语叫做基线(baseline)。还记得我们刚学英语的时候写；字母用的那个线格簿子吗？那根最粗的横线就是我们说的基线。基线就是大部分字母所“坐”在的、字体的下降部之上的直线。大部分字体，大写字母总是紧贴基线，并在基线之上的。中文的字体和英文的大写字母情况一样。

那么，行距就是指两个相邻的行之间基线的距离。行间距的单位常常使用em，也就是根据字体大小来定义行距。在浏览器中，默认的行距并没有一个准则。根据W3C提出的建议，它认为默认的行距应该在1.Oem到1.2em之间。

事实上，在设定行距的时候，排版上有个原则，就是行与行之间的空隙一定要大于单词与单词之间的空隙，否则的话，阅读者在阅读的时候容易“串行”，造成阅读困难。

充足的行距可以隔开每行文字，使得眼睛容易区分上一行或下一行。．近几年，VVeb上对于正文的排版，大多喜欢1.5em的行距，尤其是中文网站。也就是如果使用了12px的字体大小，那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经验值。事实上，中文的论文的规范也是使用1.5em的行距。

提示：字间距(Letter-spacing. Tracking，和字距调整(Kerning，字间距是指一组字母之间相互间隔的距离。字间距影响一行或者一个段落的文字的密度。

字距调整是一种因视觉需要而做的技术处理。简单说，在两个特定的字符连排的时候，可以为它们单独指定与众不同的字间距。比如当一个大写A后面跟随一个小写V的时候，两个字符间就会出现视觉上的更大的间距（实际上字间距是一样的），这是普通的字符间距所无法解决的。如果减小它们的间距，那么其他的字母就会连成一团。这时候就需要用字距调整来处理了。如图5-34所示，就是一个应用了字距调整的例子。

本文由主机互联http://www.hlidc.net编辑，若转载请注明出处,谢谢！