Css Tips

07.10.2021 01:14

Equal-height columns

<div class="row">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>

Để các column có cùng chiều cao thì dùng CSS như sau:

.row {
    display: flex; /* equal height of the children */
    flex-wrap: wrap;
}
.col {
    flex: 1; /* additionally, equal width */
}