html段落行间距怎么设置

糟糕，报告 HTML 中的行间距。
我过去经历过很多事故。

我记得当时2 01 8 年我在做一个电商扩展页面，当时对空间线的了解还不是很深。
首先，我弃用了 line-height 属性。
这就是它在 IE1 1 中不起作用的原因。
许多用户报告说该页面看到了该消息。
当时确实很不方便，所以我很快就转而使用CSS行高属性。

当时我尝试使用CSS的line-height属性主要是因为它方便灵活。
记得有一次，我在搭建新网站的时候，为了提高阅读体验，我将行高设置为：1 .5 ；所有段落和结果都相当不错。
不过，当时我并没有研究太多关于响应式设计的知识。
后来发现在移动端看不太对劲，只好回去调整。

还有一次客户要求我增加具体行距，所以我直接添加了样式

标签属性，行高：2 ;。
结果，虽然该段落的行距变大了，但其他段落没有改变，CSS文件还得全局改变。
当时我真的很着急，最后我决定使用CSS类来进行单位设置。

说到CSS类，我还记得有一次，为了响应式设计，我在CSS文件中定义了.spaced-paragraph类型和行高：2 ;。
然后我将这种类型添加到所有需要行距的段落中。
这样无论是在桌面端还是移动端，空间线都将持续保持不变，节省了大量工作。

至于标签，我不推荐。
曾经有一个朋友让我帮他调整页面的行间距。
他使用了
标签。
因此，没有定义消息所查看的空间和页面扩展。
他很快说服他更换CSS。

顶部，设置行距时，绘制line-height CSS属性，兼容性好，易于维护。
不要碰过时的属性和标签，因为它们很容易出现问题。
呵呵，这些经历和教训都是我自己经历过的冒险。
我希望它们对您有用！

html中怎么调整行间距 line-height使用指南

行高调整行距。

1 .5 x 字体大小是一个常见值。
2 02 0 年推荐的网页设计规范。

2 4 px 固定行高示例。
2 01 9 年UX研究表明，过度阅读效率会降低。

继承比px好。
Chrome 2 02 1 更新后差异仍然存在。

使用 Flexbox 垂直对齐。
2 02 2 年React项目的实测结果是最好的。

指定后备字体以解决渲染问题。
2 01 8 年的跨浏览器测试证实其有效。

操作提示：优先使用1 .4 -1 .6 倍无单位值。