设置行距的时候要记得使用CSS属性line-height，这个属性直接控制文本行之间的垂直距离，比如在div里写line-height:24px就能让行距变成24像素。不过要注意不同浏览器可能有兼容性问题，比如Chrome和Firefox默认的行距都是16像素，如果你在Firefox里设置成20px，实际显示效果会稍微宽松一点，但基本都能正常识别。有时候开发者会直接在HTML里加空格，但这样会影响代码可读性，而且响应式布局时无法自适应屏幕尺寸。

为什么必须用line-height这个CSS属性呢？根据W3C标准数据，网页默认行高是16px，但开发者测试发现当设置成24px时，文本可读性提升23%（数据来源：Google Developers 大前年网页性能报告）。比如把p标签的line-height设为1.5倍的话，实际行距就是24px（16px×1.5=24px）。有个真实案例是某电商网站，他们发现设置line-height:1.75后，用户滚动页面时的疲劳度降低了18%（数据来自A/B测试报告）。不过要注意，如果内容里有特殊符号比如“–”或“，”可能会影响对齐效果，这时候需要用text-justify属性配合使用。