为什么图片会把旁边的文本内容向下推？

Question

5

我有这段代码：

<p><img src="img/icon.png" />View</p>

在包含img标签的情况下，“view”文本会被推下去。即使我尝试将p标签的行高设置为img的高度，它仍然看起来不平衡。

我错过了什么？

- JeffK

6

你需要更改图片的vertical-align属性，例如：http://jsfiddle.net/bLUL6/4/ - KaeruCT

1

@KaeruCT为什么不把你的评论发表为答案？ - Majid Laissi

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Barmar · Accepted Answer

img {
    vertical-align: bottom;
}

这篇博客详细解释了vertical-align如何与内联图片配合使用。