形成情况:
- 外部的不设置宽高, 由内部图片撑开
- 撑开后, 底部会有空隙
问题原因:
- div元素中的行内元素的默认
vertical-align
对齐方式是基线baseline
- img是行内元素, 所以会与基线对齐, 造成底下的空隙
解放方法:
- img标签转换为块级元素:
display: block
- 设置外层div的字体大小为0,
font-size: 0
- 设置img垂直方向的对齐方式, 只要是其他三种皆可,
vertical-align:bottom
,vertical-align:middle
,vertical-align:top
-
相关阅读:
5,pandas高级数据处理
4,根据美国各州人口,土地面积进行数据分析
3,Python常用库之三:Matplotlib
2,Python常用库之二:Pandas
1,Python常用库之一:Numpy
18,增量式爬虫
17,基于scrapy-redis两种形式的分布式爬虫
http超文本传输协议,get与post区别
优化css,增加性能
bootstrap常用知识点总结
- 原文地址:https://www.cnblogs.com/zhangrunhao/p/7347495.html