图片和行内块元素默认底线会和父级盒子的基线对齐,因此就会产生白色缝隙。
1.用vertical-align:middle | top| bottom等,让图片不和基线对齐。
上面3中对齐方式都可以
vertical-align不影响块级元素中的内容对齐,它只针对于行内元素或者行内块元素,特别是行内块元素, 通常用来控制图片/表单与文字的对齐。
2.将img通过display: block转为块级元素。
转为块级元素之后,就不存在和父级盒子基线对齐的问题了。
1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件,里面放入几张图片:
2、然后在上方的style中设置css的样式,设置img的margin属性为“0 30px”即可,其中前一个数字表示上下的距离,后一个数字表示左右的距离。最后在调整统一一下图片的大小,方便观察效果:
3、最后打开浏览器,就会看到2张图片之间是有距离的效果了:
用margin属性来设置。间距就是指图像中的一行图像数据所占的存储空间的长度,它是一个大于等于图像宽度的内存对齐的长度。在css中,设置两个图片之间的距离,主要使用margin属性来设置,可以实现对图片上下左右的外边距进行控制。
在word2010中段落间距有段前和段后间距两种,行间距有单倍行距、1.5倍行距、2倍行距、最小值、固定值、多倍行距六种。