原因:图片底侧出现空白,原因是行内块元素会和文字基线对齐,
解决办法:
一:
给图片添加:vertical-align: middle |top | bottom;等
二:
把图片转变为行内块元素:display: block;
本文探讨了在HTML中图片底部出现空白的原因,即行内块元素与文字基线对齐。并提供了两种解决方案:一是使用vertical-align属性调整对齐方式,二是将图片转换为块级元素。这些技巧对于前端开发者优化网页布局至关重要。
原因:图片底侧出现空白,原因是行内块元素会和文字基线对齐,
解决办法:
一:
给图片添加:vertical-align: middle |top | bottom;等
二:
把图片转变为行内块元素:display: block;
3万+

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