Как выровнять блоки div для выравнивания в сетке?

Question

Мне нужны DIV блоки, которые имеют некоторые данные. Из-за разного содержания блоки имеют переменную высоту. Мне нужно выровнять блоки div на два. Из-за разной высоты блоков остается «свободное пространство». Как выровнять эти блоки так, чтобы они были правильно выровнены? Данные поступают из запросов JSON, поэтому создается таблица: 1. Более сложно сделать сетку с использованием JS (2 элемента в строке) 2. Устаревшее (?). Чтобы вы посоветовали?

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:

Answer 1

IE7 и ниже не получает дисплей: стол для IE8, вы должны использовать html5 доктайп, т.е. 9 будет работать.

Лучше избегать этого и просто плавать. Помните свою модель коробки. Ваша ширина на самом деле равна 456px, а какая ширина у родителей?

И вы должны очистить поплавок после двух, если вы просто делаете 2x поперек.

Вы можете просто установить высоту, которая будет достаточно высокой для самого длинного div. То, что вы делаете, похоже, достаточно легко оценить.