html - CSS 行高边距问题

Question

快速提问。

有谁知道我的问题的解决方法或修复方法:

问题是由于段落的行高，段落的开头和底部有一些空白。在上面给出的例子中，它大约是 4px。但我不想编辑其他元素的边距。例如，40 像素的边距将为 36 像素。

那么有人知道一个好的解决方法吗？我确实找到了 css 伪元素第一行:http://reference.sitepoint.com/css/pseudoelement-firstline

Answer 1

由于寻找最后一行伪元素，我会以不同的方式解决这个问题。

如果您要在段落之后添加更多内容，您可以将其设置为向上移动到接近文本的最后一行。

要了解我的意思，请参阅此处 -> http://jsfiddle.net/Z9LG9/1/

针对您的评论“保持样式表尽可能干净”，您是否应该考虑在外观漂亮的样式表上创建实用的样式表？您始终可以在构建阶段后清理样式表。

您将需要为此使用负边距。没有办法绕过它，它可以跨浏览器。