形成情况:
- 外部的不设置宽高, 由内部图片撑开
- 撑开后, 底部会有空隙
问题原因:
- div元素中的行内元素的默认
vertical-align
对齐方式是基线baseline
- img是行内元素, 所以会与基线对齐, 造成底下的空隙
解放方法:
- img标签转换为块级元素:
display: block
- 设置外层div的字体大小为0,
font-size: 0
- 设置img垂直方向的对齐方式, 只要是其他三种皆可,
vertical-align:bottom
,vertical-align:middle
,vertical-align:top
-
相关阅读:
使用JQuery实现延迟加载UserControl
VisualStudio中的列选择
SQL SERVER 2008 CTE生成结点的FullPath
woocommerce独立站建站
Java NIO使用及原理分析(二)
java.io学习总结 转载
java io与装饰器模式
函数式思维: 不变性
函数式思维: 运用函数式思维,第2 部分
maven添加非官方jar包到本地库(maven: install an external jar into local maven repository)
- 原文地址:https://www.cnblogs.com/zhangrunhao/p/7347495.html