Библиотека компонентов
Техника центрирования, состоящая всего из нескольких строк CSS, отлично работает для многих элементов, но имеет побочный эффект: дочерние элементы соответствуют ширине самого широкого элемента.
Прочитайте полную статью, чтобы узнать больше об этой технике и о том, когда она эффективна.
Полная статья · Видео на YouTube · Источник на Github
<article class="content-center">
<h1>Content Center</h1>
</article>
.content-center {
display: grid;
place-content: center;
gap: 1ch;
}
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2024-03-13 UTC.
[null,null,["Последнее обновление: 2024-03-13 UTC."],[],[]]