html 顶部元素中的空格是填充吗?[duplicate]

owfi6suc  于 2022-12-16  发布在  其他
关注(0)|答案(1)|浏览(128)

此问题在此处已有答案

(9个答案)
14小时前关门了。
元素的填充是其内容和边框之间的空间。
请看下面的代码:

<p style="background-color: tomato; border: 1px solid black; padding:0px; ">A paragraph</p>

在这里,我期待没有空格之间的文本和边界,因为我设置的填充为0px,但我得到了相反的结果,如图所示。

我确定,那个空间不是填充物,那么为什么我要得到那个空间呢?还有有没有办法摆脱它呢?
谢谢)

lymgl2op

lymgl2op1#

桌面浏览器(包括Firefox)使用默认行高1.2,具体取决于元素的字体系列。
如果你使用line-height = 1,那么你问题就解决了。

<p style="background-color: tomato; border: 1px solid black; padding:0px; line-height:1;">A paragraph</p>

相关问题