Я пытаюсь сделать сетку продуктов с использованием элементов списка и inline-block
. Проблема в том, что содержимое блоков имеет переменную высоту, а inline-block
не сохраняет высоты равными.
Код:
#blocks ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#blocks li {
display:inline-block;
vertical-align:top;
width:280px;
background-color:#ff9933;
padding:13px;
margin: 0px 0px 20px 19px;
}
<div id="blocks">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
Здесь изображение, чтобы проиллюстрировать проблему.
Мне нужны блоки, чтобы поддерживать одинаковые высоты больших блоков, независимо от их содержимого. Можно ли сделать что-то вроде этого?
И наконец: Извините, английский не мой родной язык:)