两个div上下之间有缝隙,如何解决?
在项目中,总会遇到一些BUG。
HTML
<div class="case1"><img src="text.jpg"></div>
<div class="case2"></div>
方案一:
给图片 img 增加属性displayblock
img{dispaly:block}
方案二:
给对应的div.case1,增加文字控制属性font-size:0px;
.case1{font-size:0px;}
方案三:
给对应的div.case1, 通过行高属性处理line-height:0;
.case1{line-height:0;}