2013-04-16 53 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后面,看看会发生什么 –