解决手机网站两组p标签包含的img之间的缝隙

问题描述:
后台UEditor编辑器添加的数据,传到前台手机端时,两个图片之间会出现一个缝隙,看了页面元素,是使用<p>标签包含的<img>。

解决方案:
后来有去网上搜索,说是img标签3像素问题,img标签在html5和html4.0.1的严格模式渲染的时候,下面会有几像素的空白。使用了下面的CSS解决的。

.activeinfo img{display: block;}
.activeinfo p{padding:0;margin:0;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注