行间距怎么设置,CSS中如何设置行间距？

题图来自Unsplash，基于CC0协议

导读

行间距应该是大家都比较熟悉的排版术语了，它关系着文字行与行之间的垂直距离。合理的行间距对保证读起来不会太拥挤，也不会显得太散，都是挺重要的。下面我们来一番陈述：

行间距其实说白了就是文本中，两行文字从上往下看之间的垂直排列距离。它不就是让一行文字和它下面的文字之间留点空间，而不是压根儿连在一起，读起来不费劲一些嘛？定义它最核心的就是“行和行之间的相对距离”，有固定数值类型的，也有按倍数计算的，比如常见的“单倍行距”、“1.5倍”、“双倍”等等。

知道了行间距是什么，自然会想在常用工具中怎么调节。像 Microsoft Word 这款应用，它自己的“段落”窗格中通常会陪伴状态栏，那里的行距预览图标（就像一行文字画两个点那种）用来瞧行间距，点开了就能在“段落”设置里选了。在那个设置面板的“间距”节，你可以勾选预设的1.0、1.5、双倍之类的选项，也可以在“固定值”里输入具体的磅值，甚至还能到“设计”选项卡中选用“磅增减”之类的快捷工具去调整，多行选择更是可以错开组合调整。

看看 WPS 这款算是国民文字工具了，它的行间距设定其实和 Word 大致上一模一样。选中文本，右键点弹菜单，找到“段落”或者类似选项就能进入，“中文版式”那里也有预览和各种行距选择。如果你是通过顶部功能区，通常“开始”选项卡下也有“段落”按钮，或者直接单击行左边出现的段落控制图标，右边那条分别是数字和小三角可以动的线就是用来设置行间距的。

如果你搞 LaTeX 编排论文或书籍，那里面肯定哪天会用到行间距调节。不过 LaTeX 更多是大局控制，通常通过“\linespread”指令来调整整个文档的基础行间距，它会读入然后输出一个缩放因子，比如1.0、1.2、1.5啥的都有。要是只是某些特定段落想改，直接套 TeX 命令行就好了，比如“linebreak”自带一点倔强的支配，但真要用命令，用“\setlength{\baselineskip}{数值}”之类的手法来设定一个全局默认值可能更适宜。

HTML/CSS 搞前端开发的朋友，行间距就是 CSS 中 line-height 的事了。比如说你想让块级或行内元素看起来不那么挤，直接设定 line-height: 1.5; 去吧，就是1.5倍高了。当然了，如果是行内元素又没换行，那可能撑不满容器高度。数值形式、em单位、百分比单位都是可以用的。不过注意哟，CSS 的line-height 有点兼容性玄机，比如smaller或者某些旧式浏览器可能理解不一致，做好问题预判吧。

1.5倍的行间距可能要说说清楚，它是基于字体大小算出来的，比字体尺寸多出50%的高度空间。比如你字用的12磅，那么1.5倍就是18磅、或者18px、或者18pt了，这比12磅要大不少。像屏幕上看文档，这数值感觉就是中间空了一个象形文字的高度，看得人累不着也烦不着。

说到单倍和双倍，两者其实都是各按字高的双倍或多倍来算的。单倍就是大约一个字高，字和字上下错落有致；双倍就是单倍的两倍空间了，彼此间隔明显。通俗说，单倍（大约1.0到1.2之间）就是一打字、一行内容的平均上下间距；双倍（一般是2.0）大约就是汉字那框的高度来考虑，让你有一种念报章的感觉。

最后，如果你需要的是一个固定的高度数值，就别碰那“倍数”选项了，去选择固定行距才是正道。在 Word 里，你会跑到段落设置的“选项”或者“高级”里找到“固定行间距”选项；在 CSS 语言里就是用 numeric absolute value单位了，前提是容器高度没有约束，否则可能会被压缩掉。比如 set line-height: 18pt !important; 在 WPS 或 Word 里面可能还需要明确指定这个高度单位，或者用数值设置。