Как автоматически выравнивать высоту нескольких плиток под размеры контейнера?

Question

[ajky]

Есть список, типа:

<ul>
   <li>плитка 1</li>
   <li>плитка 2</li>
   <li>плитка 3</li>
   <li>плитка 4</li>
</ul

Как-то только на CSS можно замутить двухколоночную версию, при условии что плиток может быть сколько угодно и они должны быть одинакового размера.

Answer 1

[Егор Живагин]

ul {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100px; //например
}
li {
width: 50%;
}

Пожалуйста)

Comments

[Сергей delphinpro]

align-items: stretch
Ему же равная высота нужна.

[Сергей delphinpro]

стрейч, кстати, значение по умолчанию, можно вообще не указывать элайн-айтемс

[Егор Живагин]

Сергей: вы, конечно, правы

Answer 2

[Сергей Горячев]

https://jsfiddle.net/webirus/dnejLcbk/ ?