字体大于它周围的'元素'

我经历过，如果我设置了特定的p标签字体大小让我们说55px，包含字体的实际元素比字体本身小。字体大于它周围的'元素'

因此，字体与上述元素重叠。当然，我可以在那里设置一些填充，但为什么 - 我称之为'虚构'对象，因为它只是由我的浏览器创建的 - 没有获得与内容相同的大小 - 在这种情况下，字体？顺便说一句，这个'想象'容器总是有相同的高度。如果p-text的大小为12px或55px，则无关紧要。在我的情况下，这个高度总是15px ...

感谢有关此事的提示。

欢呼

来源

2012-08-17 Merc

问题是什么？ – 2012-08-17 12:54:01

确实没有问题。我只是想知道为什么这是这样的，如果我可能在我的html/css中犯了一些错误 – Merc 2012-08-17 12:55:17

请显示你的html/css – 2012-08-17 12:55:18

尽量减少的line-height：

.imaginary { 
    font-size: 18px; 
    line-height: 18px; 
}

来源

2012-08-17 12:57:29 Gustonez

不错的虚构的css那里 – PaperThick 2012-08-17 12:58:02

这正是我刚刚发现的。我讨厌在我的身体中定义的行高{}：line-height：15px; – Merc 2012-08-17 13:01:57

Gustonez你可以upvote我的答案，我会upvote你的，我这样说，因为我必须提供另一个赏金问题：D – GLES 2012-08-17 13:06:07

这间接/直接影响你的答案：

<style> 
    html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul, 
    li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
     margin:0; 
     padding:0; 
     border:0; 
     font-size:100%; 
     font:inherit; 
     vertical-align:baseline; 
    } 
    </style>

所以，请确保你ATLEAST具有上述线路代码，每当你使用CSS。

来源

2012-08-17 13:00:00 GLES

对不起，我在这里用这个愚蠢的问题困扰着你。感谢您的答案。欢呼声 – Merc 2012-08-17 13:02:51

字体大于它周围的'元素'

回答

相关问题