Question

当我在图像旁边有文字并将它们设置在屏幕上的同一点时，为什么它们不能正确对齐它们包含div的顶部？文本看起来比图像低一个或两个像素。是因为文本的高度吗？

我关注的网站如下。我希望头部的顶部与bios的顶部对齐。有任何想法吗？

Answer 1

那是因为line-height

Answer 2

行高正在将它推低几个px但是如果你想保持这个以便于阅读我会在顶部给段落-5px的余量

#content .single p {
    line-height: 1.5em;
    margin-bottom: 10px;
    margin-top: -5px;

Answer 3

它似乎与字体有关，也许ascent line正在推动字体向下。

如果是这样的话，除了调整边距和数据外，没有什么可以做的。 padding应用于您的元素以将文本向上移动一些像素。更改字体甚至字体大小会破坏效果。