yd12300浜戦《绾胯矾(鑲′唤)鏈夐檺鍏徃

唐山企业做网站DIV页面编写时插入图片，图片下方有空隙的解决办法！

时间：2019/4/2 8:42:27 作者：lichangcheng 人气：标签：****插入图片有空隙解决方法

当我们用div拼接一些图片时，会发现div下方会有多出来的一条白线，用chrome浏览器查看元素的时候，

图片的高度是326.3px,但是作为容器的div的高度确是330px,貌似直接就四舍五入了，其中的原因是因为img作为行内元素，每次换行都会默认有有一个空隙

如图所示，黄色的是两个span，他们都是行内元素，两个行内元素之间有一个空隙。

红色的是两个div，他们都是块元素，之间并没有空隙

所以解决空隙的办法是

这样就把图片变成块元素了，空隙就没有了

如下图所示：

地址：中国.唐山市路北区尚座即理工大学对面中国.河北唐山遵化市唐山做网站
本站网址：www.tswzsj.com联系电话：0315-6025099 建站热线：浜戦《yd12300绾胯矾

本站首页