Свойство display

Свойство display отображения в CSS определяет, как себя ведет прямоугольное поле. Есть только несколько значений display, которые обычно используются.

Inline

Это значение дает елементам понять, что они есть текстом и действовать в соответствии с этим.

Inline Block

Ведет себя как блок в строке.

Block

Елементы ведут себя , как блоки, то есть занимают всю ширину, могут иметь отступы и т.д.

Run-in

Во-первых, это свойство не работает в Firefox. Слово заключается в том, что спецификация для него недостаточно определена. Чтобы начать понимать это, похоже, что если вы хотите, чтобы элемент заголовка сидел в строке с текстом под ним. Плавающий он не будет работать, и ничего другого не будет, поскольку вы не хотите, чтобы заголовок был дочерним элементом текстового элемента под ним, вы хотите, чтобы он был его собственным независимым элементом. В «поддерживающих» браузерах это так.

Flexbox

Свойство display также используется для новых методов размещения, таких как Flexbox.

Flow-Root

Значение отображения потока-потока создает новый «контекст форматирования блока», но в остальном он похож на блок. Новый BFC помогает в таких вещах, как очистка плавающих элементов, устраняя необходимость в хаках для этого.

None

Элемент полностью пропадает со страницы и никак не влияет на другие элементы.

Grid

Сетка также будет установлена с помощью свойства отображения.

Tables value

Есть специальные типы display блоков, которые заставляют элементы вести себя ,как элемент таблицы.

Используйте все значения свойства display, но перед этим внимательно изучите их дабы избежать ошибок и хорошо оформить ваш сайт.

Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!