Отображение CSS

Свойство display определяет тип рамки, создаваемой элементом, обычно используются значения display: block, none, inline.

Свойство отображения CSS

Спецификация CSS определяет mặc định значения отображения всех элементов, например, элемент <div> отображается как блок, а элемент <span> отображается как встроенный.

Изменение mặc định của thuộc tính hiển thị

Изменение mặc định của thuộc tính hiển thị элемент là một ý nghĩa quan trọng của thuộc tính display. Например, изменить элемент nội tuyến thành элемент khối hoặc ngược lại.

Следующие разделы описывают наиболее часто используемые значения display в CSS.

Отображение Block

Свойство display: block; обязывает элемент вести себя так, как если быblock-levelЭлементы, например<div>или<p>Элементы. Следующие примеры стилей правил будут:<span>и <a>Элементы отображаются как block-level:

span {
　　　　display: block;
}
a {
　　　　display: block;
}

Отображение inline

Свойство display: inline; делает поведение элемента таким, как будто онinline-levelЭлементы, например<span>или<a>Элементы. Следующие примеры стилей правил будут:<p>и <li>Элементы отображаются как inline-level:

p {
　　　　display: inline;
}
ul li {
　　　　display: inline;
}

Отображение inline-block

Свойство display: inline-block; создает для элемента блок, который будет流动 вместе с окружающим контентом, то есть будет находится в одной строке с相邻ыми элементами. Следующие стили правил будут:<div>и <span>Элементы отображаются как inline-block:

div {
　　　　display: inline-block;
}
span {
　　　　display: inline-block;
}

Не отображается (none)

Свойство display: none; не создает ни одного контейнера для элемента, и элемент не отображается на странице. Подэлементы также не создают контейнеров, даже если их свойство display установлено в значение non. Документ, представленный на экране, как будто элемент не существует в дереве документа.

h1 {
　　　　display: none;
}
p {
　　　　display: none;
}