59859cc威尼斯官网-威尼斯欢乐娱人成app

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

CSS如何去除图片间隙?【CSS教程】

更新时间:2021年09月07日18时41分 来源:传智教育 浏览次数:

为什么图片底部会有空白缝隙?

图片和行内块元素默认底线会和父级盒子的基线对齐,因此就会产生白色缝隙。


什么是基线?

基线

如何去除图片底部间隙?

1.用vertical-align:middle | top| bottom等,让图片不和基线对齐。

vertical-align:middle;

vertical-align: top;

vertical-align: bottom;

上面3中对齐方式都可以

vertical-align不影响块级元素中的内容对齐,它只针对于行内元素或者行内块元素,特别是行内块元素, 通常用来控制图片/表单与文字的对齐。


2.将img通过display: block;转为块级元素。

转为块级元素之后,就不存在和父级盒子基线对齐的问题了。



猜你喜欢:

CSS的三大特性先容

css定位详解:css中定位类型

CSS层叠性权重计算方法

CSS几种常见的页面布局方式先容

传智教育web前端开发培训课程

59859cc威尼斯官网|威尼斯欢乐娱人成app

XML 地图 | Sitemap 地图