如何删除div之间的空白？

Question

我的CSS有问题。

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

<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>

如您所见，有一些白线。

我想删除它们。

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

使用display: flex。

它很有效但我无法使用它。

你有其他解决方案吗？

我想这会导致display:block ..

Answer 1

我不知道您是否添加了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>

Answer 2

尝试将float：left应用于.special-banner和.special-banner＆gt; IMG

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