Различия
Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
shabloni_kodiv_css [2023/11/19 10:30] tro |
shabloni_kodiv_css [2023/11/21 17:23] (текущий) tro [Вірівняти по центру обїекту з абсолютним позіціюванням в.2] |
||
|---|---|---|---|
| Строка 12: | Строка 12: | ||
| display: none | display: none | ||
| </ | </ | ||
| - | ===== Вірівняти по центру ===== | + | ===== Вірівняти по центру |
| < | < | ||
| .test-box{ | .test-box{ | ||
| Строка 20: | Строка 20: | ||
| align-items: | align-items: | ||
| text-align: center; | text-align: center; | ||
| + | } | ||
| + | </ | ||
| + | ===== Вірівняти по центру обїекту з абсолютним позіціюванням в.1 ===== | ||
| + | < | ||
| + | .centered{ | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | transform: translate (-50%, -50%); | ||
| + | } | ||
| + | </ | ||
| + | ===== Вірівняти по центру обїекту з абсолютним позіціюванням в.2 ===== | ||
| + | < | ||
| + | .centered{ | ||
| + | inset: 0; | ||
| + | margin: auto; | ||
| } | } | ||
| </ | </ | ||