2013-04-16 52 views
0

我需要DIV塊有一些數據。由於內容不同,塊有不同的高度。我需要將div塊對齊兩個。由於塊的高度不同,剩餘的是「自由空間」。如何對齊這些塊,以便它能夠正確對齊? 數據來自JSON請求,所以使表格看起來像:1.更棘手的是使用JS(一排2個元素)來製作網格2.過時(?)。你會推薦什麼?如何對齊要在網格中對齊的div塊?

CSS:

.book-details{ 
       float:left; 
       display:block; 
       border-style:solid; 
       border-width:1px; 
       padding: 2px 2px 2px 2px; 
       border-color:gray; 
       width: 450px; 
       display: table; 
} 

PIC: enter image description here

+1

表不會過時。如果你有表格數據然後使用它們,如果沒有,那麼不要 –

回答

2

IE7及以下沒有得到顯示:表中,IE8,您必須使用HTML5文檔類型,即9會工作。

更好地避免它,只是漂浮。記住你的盒子模型。你的寬度實際上是456px,那麼父母的寬度是多少?

而且,如果你只是做了2次,你應該清除兩次浮動。

你可以設置一個高度足夠長的div。你所做的事似乎很容易估計。

+0

父母的寬度是940px –

+1

通過清除你的浮游物,空的空間將被佔用。試試把這個
放在第二個div後面,看看會發生什麼 –