文本行的CSS高度

文本行的CSS高度,css,Css,我想知道决定下图所示行为的参数是什么;文本前有检查员高亮显示的空间,文本“溢出”后有h1高度 线条高度:42px决定了元素上显示的高度 至于轻微溢出,这可能是由于字体大小大于行高,或者是由于您使用的字体系列 我建议您稍微减小字体大小,降低行高,或者更改您正在使用的字体系列 例如,font-family:fantasy将使用与您相同的参数正确安装容器 以下是这方面的一个工作示例: h1, 氢{ 字体大小:42px; 线高:42px; 高度:42px; 背景色:#ccc; } 氢{ 字体家族:幻想

我想知道决定下图所示行为的参数是什么;文本前有检查员高亮显示的空间,文本“溢出”后有h1高度


线条高度:42px决定了元素上显示的高度

至于轻微溢出,这可能是由于字体大小大于行高,或者是由于您使用的字体系列

我建议您稍微减小字体大小,降低行高,或者更改您正在使用的字体系列

例如,
font-family:fantasy
将使用与您相同的参数正确安装容器

以下是这方面的一个工作示例:

h1,
氢{
字体大小:42px;
线高:42px;
高度:42px;
背景色:#ccc;
}
氢{
字体家族:幻想;
边缘顶部:15px;
}
* {
保证金:0;
填充:0;
边界:无;
}


乱数假文 乱数假文
线条高度
参数表示线条的高度。如果您的
字体大小
较大,您可能会出现一些
溢出
,但默认情况下,我认为
溢出
设置设置为
可见
,因此如果没有其他东西阻挡它,文本溢出是可见的。

行高?为什么?设置为1..是的,但我将其设置为1。。为什么文本采用这种行为?文本与h1高度不匹配。

Lorem Ipsum
字体大小:42px
线高:42px
如果我也设置了
font-family:Arial
,就会发生这种情况。据我所知,解决这一问题的唯一方法是减小字体大小、行高或将您使用的字体更改为稍小的字体。除此之外,我认为没有办法避免这种情况。但我可能错了。我在上面添加了一个代码片段,以显示不同字体系列如何影响高度。我理解这一点,但我希望文本占据整个行高。。。为什么会有这种不同的行为?
font size:42px
行高:42px相同的“高度”,但溢出仍然可见。如果您确实想要确切的解释,您可以阅读规格: