在HTML布局中有一个bug很诡异,当div包裹一个img的时候会出现3px的下边距问题,找了些资料没说原理,不过有三个解决方案:
1)给div设置样式 => font-size: 0;
2)给img设置样式 => display:block;
3)给img设置样式 => vertical-align:top;
推荐使用第二种解决方案,估计是因为第一种如果div里面有文字就需要重新设置font-size样式,第三种是根据父级的基线为准来,如果父级有内边距就会有影响
在HTML布局中有一个bug很诡异,当div包裹一个img的时候会出现3px的下边距问题,找了些资料没说原理,不过有三个解决方案:
1)给div设置样式 => font-size: 0;
2)给img设置样式 => display:block;
3)给img设置样式 => vertical-align:top;
推荐使用第二种解决方案,估计是因为第一种如果div里面有文字就需要重新设置font-size样式,第三种是根据父级的基线为准来,如果父级有内边距就会有影响