如何刪除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之間的空白？

回答

相關問題