Question

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

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





Answer 1

解决方法1：设置图片外容器font-size / line-height;
（因为所有图片都会出现这个情况，只要是图片，下方就会有空白，所有有图片的地方都要设置。。。很不靠谱）
解决方法2：设置容器over-flow:hidden;
（同上，所有地方要设置。。。 ）
解决方法3：图片添加display:block;
（因为所有图片都会出现这个情况，只要是图片，下方就会有空白，都用display:block;的话，对于图片列表要再次重新定义，也不好）
解决方法4：图片添加float:left;
（理由同上，还要再解决清除浮动的问题）
解决方法5：图片添加vertical-align
（目前测试任意属性都可，相对影响几乎没有，暂时就把img的vertical-align 加到reset中吧）

Answer 2

把图片外面包上div
<div><img/></div><div><img/></div>
或者切换一下浏览器的模式（急速或兼容）