Блоки одинаковой высоты

262
01 июля 2017, 13:01

Если заполняется один из блоков, то оба блока принимают наибольшую высоту. Вариант с фиксированной высотой не подойдет. будет ли правильно сделать блокам display:table или всё же есть более правильный способ?

Answer 1

Вот Вариант с flexbox։

.list 
    { 
        width: 400px; 
        display: -webkit-flex; 
        display: -ms-flexbox; 
        display: flex; 
 
        -webkit-flex-wrap: wrap; 
        -ms-flex-wrap: wrap; 
        flex-wrap: wrap; 
    } 
    .list__item 
    { 
        width: 40%; 
        background: #3e3e3b; 
        display: -webkit-flex; 
        display: -ms-flexbox; 
        display: flex; 
        padding: 2%; 
        margin: 0 3%; 
        color: #FFFFFF; 
    }
<ul class="list"> 
    <li class="list__item">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</li> 
    <li class="list__item">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li> 
    <!-- остальные элементы --> 
</ul>

READ ALSO
Как добавить атрибут defer всем скриптам при загрузке страницы

Как добавить атрибут defer всем скриптам при загрузке страницы

Нужно добавить атрибут defer при загрузке страницы всем <script>-амТаким образом хочу ускорить загрузку страницы

285
Не срабатывает событие click [дубликат]

Не срабатывает событие click [дубликат]

На данный вопрос уже ответили:

202
Как изменить стиль элементу на javascript?

Как изменить стиль элементу на javascript?

Хочу поменять стиль элементу на странице, который соответствует выбранному (у них одинаковый параметр idEv)Пробую так:

248
Цикл внутри jsx

Цикл внутри jsx

Не могу понять как вывести в цикле те компоненты у которых одноименное состояние trueДопустим у меня есть компонент SettingMain и SettingPassword, у первого...

262