Div的浮動不準確。如何以正確的方式安排他們？

正如你可以在截圖中看到的： enter image description here Div的浮動不準確。如何以正確的方式安排他們？

該命令並不完美。我喜歡毫無差距地安排文章。意思是這樣的：

enter image description here

任何想法如何，我可以通過CSS/CSS3或JavaScript解決的呢？非常感謝！

來源

2013-03-07 Max

如果你使用它，將有助於共享代碼你... – ManseUK 2013-03-07 10:18:31

其私人原因尚未啓動。抱歉。但「阿什利」發佈了我正在尋找的答案。 – Max 2013-03-07 10:59:26

您可以使用CSS，但問題是，物業只支持> IE10。然後，你可以回退到jQuery的砌體

http://jsfiddle.net/4gXCs/

.col { 
    -moz-column-count:2; 
    -webkit-column-count:2; 
    column-count:10px; 
    -moz-column-gap:10px; 
    -webkit-column-gap:10px; 
    column-gap:2; 
}

來源

2013-03-07 10:25:32 ashley

該死的真棒！這正是我喜歡做的事情！謝謝！！！即使它只是> IE10。 – Max 2013-03-07 10:57:29

恐怕這是浮動如何在CSS中工作。您可能想嘗試使用jQuery Masonry來實現您的目標。

來源

2013-03-07 10:19:12 Sunyatasattva

您可能需要使用masonry plugin

http://masonry.desandro.com/

來源

2013-03-07 10:19:34 Sowmya

-1

你的意思是這樣的？

Working Fiddle

使用做了兩個垂直的div

<div class="one"> 
    <div class="leftTop"></div> 
    <div class="leftBot"></div> 
</div> 
<div class="two"> 
    <div class="rightTop"></div> 
    <div class="rightBot"></div> 
</div>

來源

2013-03-07 10:47:22

@downvoter請關注評論.. – 2013-03-07 10:56:48

Div的浮動不準確。如何以正確的方式安排他們？

回答

相關問題