DW一个简单的html上下有缝隙怎么解决

这个是我在DW里面的布局 只是简单的插入了图片,在右侧看来也是无缝的
但是第二张网页预览的时候中间就出现了一条缝隙,后来我换了表格试了下,表格的所有数据都设置为0,在右侧看到的跟图一一样,但是预览的时候还是会有那一天缝隙,应该怎么办呢?求具体操作

解决方法1:设置图片外容器font-size / line-height;
(因为所有图片都会出现这个情况,只要是图片,下方就会有空白,所有有图片的地方都要设置。。。很不靠谱)
解决方法2:设置容器over-flow:hidden;
(同上,所有地方要设置。。。 )
解决方法3:图片添加display:block;
(因为所有图片都会出现这个情况,只要是图片,下方就会有空白,都用display:block;的话,对于图片列表要再次重新定义,也不好)
解决方法4:图片添加float:left;
(理由同上,还要再解决清除浮动的问题)
解决方法5:图片添加vertical-align
(目前测试任意属性都可,相对影响几乎没有,暂时就把img的vertical-align 加到reset中吧)
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-04-07
把图片外面包上div
<div><img/></div><div><img/></div>
或者切换一下浏览器的模式(急速或兼容)

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网