div間の空白を削除するには？

Question

私はCSSに問題があります。

.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を使用します。

効率的ですが使用できません。

解決策はありますか？

私はフロートを適用してみてください

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

...それはdisplay:blockと原因を推測：>。特殊-バナーと。特殊バナーのIMG

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