
HTML
- 13 ответов
- 0 вопросов
12
Вклад в тег
<section class="section"></section>
<section class="section"></section>
<section class="section"></section>
<section class="section"></section>
.section:nth-child(2n + 1) {
float: left;
clear: left;
}
.section:nth-child(2n) {
float: right;
clear: right;
}
.container {
column-width: 250px; /* Ширина колонки */
column-gap: 10px; /* Расстояние между колонками */
}
.item {
break-inside: avoid; /* Запрещает разрыв блока */
}
.content {
height: calc(100vh - 50px - 50px);
}
.container {
display: table;
height: 100%;
width: 100%;
}
.content {
display: table-row;
height: 100%;
}
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.content {
flex-grow: 1;
}