如何删除div之间的空白？

我遇到了CSS问题。如何删除div之间的空白？

.special-banner{ 
 
\t width: 100vw; 
 
\t position: relative; 
 
} 
 
.special-banner > img{ 
 
\t width: 100%; 
 
\t height: 100%; 
 
}

<div class="special-banner"> 
 
\t \t <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_01_renew.png"/> 
 
\t </div> 
 
\t <div class="special-banner"> 
 
\t \t <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_02_renew.png"/> 
 
\t </div> 
 
\t <div class="special-banner"> 
 
\t \t <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_03_renew.png"/> 
 
\t </div> 
 
\t <div class="special-banner"> 
 
\t \t <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_04_renew.png"/> 
 
\t </div> 
 
\t <div class="special-banner"> 
 
\t \t <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_05_renew.png"/> 
 
\t </div> 
 
\t <div class="special-banner"> 
 
\t \t <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_06_renew.png"/> 
 
\t </div>

正如你所看到的，也有一些白线。

我想删除它们。

另外，我有1个解决方案。

使用display: flex。

它很高效，但我不能使用它。

你有另一种解决方案吗？

我想这会导致display:block ..

来源

2017-10-20 zynkn

我不知道如果您添加了display:block或者没有，但将其放入img样式中删除白线

.special-banner { 
 
    width: 100vw; 
 
    position: relative; 
 
} 
 

 
.special-banner>img { 
 
    width: 100%; 
 
    height: 100%; 
 
    display: block; 
 
}

<div class="special-banner"> 
 
    <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_01_renew.png" /> 
 
</div> 
 
<div class="special-banner"> 
 
    <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_02_renew.png" /> 
 
</div> 
 
<div class="special-banner"> 
 
    <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_03_renew.png" /> 
 
</div> 
 
<div class="special-banner"> 
 
    <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_04_renew.png" /> 
 
</div> 
 
<div class="special-banner"> 
 
    <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_05_renew.png" /> 
 
</div> 
 
<div class="special-banner"> 
 
    <img src="http://wanho1108.dothome.co.kr/hmb/web/n_himages/sub/sub_point_use_banner_06_renew.png" /> 
 
</div>

来源

2017-10-20 04:13:02 Swellar

这真的很简单！谢谢。 – zynkn

尝试采用浮动：离开。特别横幅和。特别横幅> IMG

.special-banner,.special-banner > img{ 
    float: left; 
}

来源

2017-10-20 04:12:46

如何删除div之间的空白？

回答

相关问题