Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS-grid (span (Указывается в классе, размещаемом в <div class="…
CSS-grid
span
Указывается в классе, размещаемом в <div class="grid">
-
-
-
-
-
-
-
-
grid-template
-
-
-
-
Размеры в px, % (от width), fr
-
grid-template-areas
Пример:
.container {
display: grid;
max-width: 900px;
position: relative;
margin: auto;
grid-template-areas: "head head"
"nav nav"
"info services"
"footer footer";
grid-template-rows: 300px 120px 800ox 120px;
grid-template-columns: 1fr 3fr;
}
header {
grid-aread: head;
}
nav {
grid-area: nav;
}
.info {
grid-area: info;
}
.services {
grid-area: services
}
footer {
grid-area: footer;
}
-
-
Grid Auto
-
-
Такие же значения,
как у grid-template-
Определяют высоту (rows) и ширину (columns) элементов grid, добавленных косвенно
grid-auto-flow
-
-
-
dense
вызывает алгоритм, которые пытается заполнить
сначала пустоты, если добавляются малые элементы.
-
justify
justify-items
-
-
stretch
Растягивает элементы grid, чтобы заполнить grid-area
-
-
justify-content
-
-
-
-
stretch
Растягивает элементы grid чтобы увеличить размер grid для горизонтально распространения по контейнеру.
-
-
-
-
-