Ul-список блоков выстараивающихся в линию с возможностью разной высоты блоков

Зависимости

  • Нет зависимостей

Зачастую такая задача решается при помощи float:left для li-шек, однако это сопровождается проблемами если высота li будет разная. Этот компонент правильно выравниает эти элементы.

    <head>
        <link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/list_blocks.css')?>" />
    </head>


    <ul class="list-blocks">
        <li>Element 1</li>
        <li>Element 2</li>
        ...
        <li>Element N</li>
    <ul>
    <div class="end-list-blocks"></div>