Отображение (Display)

Классы для управления типом отображения элементов.

Доступные классы

Класс	Описание
.block	Блочный элемент
.inline-block	Строчно-блочный элемент
.inline	Строчный элемент
.flex	Flexbox контейнер
.grid	Grid контейнер
.hidden	Скрытый элемент

Примеры

PreviewSource Code

blockinline-blockinlinehidden (не виден)

<div class="block">block</div>
<span class="inline-block">inline-block</span>
<span class="inline">inline</span>
<div class="hidden">hidden</div>

Скрытие элементов

Используйте .hidden для полного скрытия элемента:

PreviewSource Code

Этот элемент не отображается

Этот элемент виден

<div class="hidden">Скрытый элемент</div>