div之間不需要的空間。不能擺脫它

-4

CSS的包裝器

display: block; 
text-align: center;

CSS每個DIV是

margin: 30px 10px; 
display: inline-block; 
height: 100%; 
text-align: center; 
width: 30%;

什麼引起這個？我試圖擺弄flex，但結果是一樣的。

來源

2017-01-29 ruler23

提供一個的jsfiddle或codepen例子。 –

看起來你有一個可能有多種原因的佈局問題。瀏覽器製造商正在24小時開發一種檢查'代碼'的方法，用於產生截圖所捕獲的結果，但到目前爲止，還沒有取得重大進展。同時，你認爲你可以提供你的問題嗎？ –

看看列css，並在未來的顯示：網格.. –

你說你用flexbox擺弄。但要利用它，你不應該只是擺弄它，而是研究它是如何工作的。

要實現你想要的，在包裝div上使用display: flex;，並從你包含的div中刪除height財產。

運行這種視覺例子來看看它是如何工作的：

.parent { 
 
    padding: 20px; 
 
    background: red; 
 
    width: 400px; 
 
    height: 100px; 
 
    display: flex; 
 
} 
 

 
.child-1 { 
 
    background: yellow; 
 
    width: 100px; 
 
} 
 

 
.child-2 { 
 
    background: orange; 
 
    width: 100px; 
 
}

<div class="parent"> 
 
    <div class="child-1"> 
 
    Hello 
 
    </div> 
 
    <div class="child-2"> 
 
    Multi 
 
    <br> 
 
    Line 
 
    <br> 
 
    Content 
 
    </div> 
 
</div>

來源

2017-01-29 23:11:27

我認爲他的意思是垂直間距，我想他找一個mansory佈局:) –

鑑於問題中提供的信息有限，很難看到它與你的答案之間的直接聯繫。另外，請注意，您應該避免回答低質量問題。這包括：不提供[mcve]的問題和不顯示最小研究工作量的問題。請參閱[如何問]（http://stackoverflow.com/help/how-to-ask），[如何回答]（http://stackoverflow.com/help/how-to-answer）或許[this ]（http://www.catb.org/~esr/faqs/smart-questions.html）（很長，但很好）。 –

div之間不需要的空間。不能擺脫它

回答

相關問題