gpt4 book ai didi

css - Div 无法通过 img 内容获得正确的高度

转载 作者:行者123 更新时间:2023-11-28 18:30:10 25 4
gpt4 key购买 nike

我有一个只有一个 div 的简单页面。在那个 div 中,我有一个尺寸为 [h:58px, w:173px] 的图像。

<body>
<div id="main_header">
<img src="logo.gif" style="padding: 0; margin: 0;">
</div>
</body>

它没有包裹在任何其他标签中。但是,Chrome 将容器 div 的高度计算为 63px。 #main_header 没有关联的 css。 html 和 body 的 margin 和 padding 都设置为 0。

谁能解释为什么 div 的高度是 63 而不是 58?

最佳答案

是因为 parent 的line-height .要么设置 line-height (或 font-size )的父级为零,或将图像设置为 display: block .

关于css - Div 无法通过 img 内容获得正确的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14573479/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com