我有像这些项目这样的行作为 h2
height: auto;
min-height: 50px;
line-height: 50px;
但如果我有一个多行 h2，它看起来很糟糕。如果 h2 的多行为 30 像素而不是 50 像素，我该如何降低它的行高？
问问题
551 次
2 回答
-1
可以，然后呢。如果你想增加行之间的空间，你可以使用line-height.
它用于定义元素内行框的最小高度，但这就是事情。如果你把它放在h2元素上，它将应用于h2你的网页或网站上的每个元素。
以下是一些需要考虑的解决方案。
如果您想要更大line-height的元素，您可以给该元素一个特定的类并line-height为该类定义，并且只要您需要，line-height只需将类添加到元素。这样，您将重用类并编写更少的 CSS。
如果你想增加元素之间的空间，你可以通过两种方式做到这一点。边距和填充。这些真的很简单。
如果你想向下推元素，你可以给margin-top: 10px它或margin-bottom: 10px它上面的元素，或者如果你有 3 个元素（比如你的情况），你可以给
margin-top: 10px;
margin-bottom: 10px;
到中间元素，它会将顶部和底部元素推开 10px。填充也是如此。
在编程中有很多方法可以实现相同的目标。首先，坐下来思考什么是最容易编写但可读且可扩展的。
快乐编码:)
于 2019-11-30T13:42:22.683 回答
-3
更改min-height为30和line-height使用30Padding top 和 bottom
于 2019-11-30T13:37:33.843 回答