部分代码如下:
<img src="aa.jpg">
<div class="d4">
<div class="d5">青莲剑仙-李白</div>
</div>效果:
可以看到图片和下面之间有一道缝,这是因为img的默认对齐方式为(vertical-align:baseline)。
修改成vertical-align:bottom即可:
img {
vertical-align: baseline;
}
本文介绍了一个常见的网页布局问题——图片下方出现空隙的原因,并提供了解决方案,即通过调整图片的垂直对齐方式来消除这一空隙。
部分代码如下:
<img src="aa.jpg">
<div class="d4">
<div class="d5">青莲剑仙-李白</div>
</div>效果:
可以看到图片和下面之间有一道缝,这是因为img的默认对齐方式为(vertical-align:baseline)。
修改成vertical-align:bottom即可:
img {
vertical-align: baseline;
}
875

被折叠的 条评论
为什么被折叠?