Выравниваем HTML-элемент вертикально и горизонтально
Насколько востребованы HTML/CSS-специалисты в период кризиса? 7 мая в 20:00 Маргарита Образцова (Senior Software Engineer) проведёт Demo day онлайн-курса «HTML/CSS». На вебинаре мы обсудим: - Какие требования...
5 месяцев назад
День 26: Разбор некоторых терминов из CSS в секции header Свойство display: table; используется для того, чтобы элементы веб-страницы отображались как таблицы. Это позволяет использовать вертикальное выравнивание содержимого внутри элемента, что часто бывает полезно для центрирования текста или других элементов по вертикали. Свойство display: table-cell; используется для элементов внутри контейнера с display: table;. Оно позволяет элементам вести себя как ячейки таблицы, что позволяет использовать вертикальное выравнивание (vertical-align) и горизонтальное выравнивание (text-align). Свойство vertical-align: middle; используется для вертикального выравнивания содержимого элемента. В сочетании с display: table-cell; оно позволяет центрировать содержимое по вертикали внутри родительского элемента. Псевдокласс :last-child используется для выбора последнего элемента среди своих братьев и сестер. Сегодня я осознал, что методы, основанные на display: table, стали менее актуальными и используются в основном в старом коде. В настоящее время основное внимание уделяется Flexbox и CSS Grid, которые предлагают более современные и адаптивные подходы к построению макетов. Следовательно, вместо того, чтобы углубляться в старые методы, лучше сосредоточиться на изучении новых, которые продвинулись и стали более эффективными. Хотя я и чуть-чуть освоил старые методы, но важно нацеливаться на современный кодинг, который обеспечивает большую гибкость и адаптивность веб-страниц.
06:44
1,0×
00:00/06:44
560,2 тыс смотрели · 4 года назад