码迷,mamicode.com
首页 > 其他好文 > 详细

怎样去除img之间的间距

时间:2016-07-01 01:14:18      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:

解决方法:

    <div style="font-size:0;" > <img/> </div>

原理分析:

    块级元素包含内联元素如图片文字等时,内联元素默认是和父级元素的baseline(基线)对齐的,而baseline又和父级元素底边有一定的距离(这个距离和font有关,不一定是5px),所以以上代码的效果中不同div之间有间隙,这是因为图片与父元素的底边有距离。其 baseline 是vertical-align属性的默认值,vertical-align属性是设置元素的垂直排列的,用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐,除了baseline对齐方式之外,还可以是sub | super | top | text-top | middle | bottom | text-bottom |inherit(任何的版本的Internet Explorer (包括 IE8)都不支持属性值 "inherit")。

怎样去除img之间的间距

标签:

原文地址:http://www.cnblogs.com/bykj/p/5631576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!