1. Home
  2. CSS Display (дисплей) и видимость (видимость)

Лучшее руководство по CSS Display (дисплей) и видимость (видимость) в 2024 году. В этом руководстве вы можете изучить Скрытые элементы - дисплей: нет или видимость: скрытый,примеров,примеров,CSS Дисплей - Блок и встроенные элементы,Как изменить элемент отображения,примеров,примеров,Другие примеры,

CSS Display (дисплей) и видимость (видимость)

Как отобразить свойство элемента устанавливается для отображения, атрибут видимости указывает, что элемент должен быть видимым или скрытым.

Вставка 1

Вставка 2
Вставка 3

Скрытые элементы - дисплей: нет или видимость: скрытый

Скрыть элемент с помощью атрибута дисплея установлено значение "Нет", или собственности видимость "скрытой". Заметим, однако, эти два метода будут получаться различные результаты.

видимость: скрытый, чтобы скрыть элемент, но скрытый элемент остается такой же, как до оккупации и не спрятался пространство. То есть, хотя элемент скрыт, но до сих пор влияют на макет.

примеров

h1.hidden {visibility:hidden;}

Попробуйте »

дисплей: нет, чтобы скрыть элемент, и скрытые элементы не занимают места. Другими словами, этот элемент не только скрыт, и пространство, занимаемое исходного элемента исчезнет из макета страницы.

примеров

h1.hidden {display:none;}

Попробуйте »

CSS Дисплей - Блок и встроенные элементы

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

Примеры блочных элементов:

  • <H1>
  • <P>
  • <Div>

Встроенные элементы нужно только необходимую ширину, не заставит разрывы строк.

Примеры встроенных элементов:

  • <SPAN>
  • <a>

Как изменить элемент отображения

Вы можете изменить элементы блока и встроенные элементы, и наоборот, может сделать страницу вид представляет собой комбинацию определенным образом, и до сих пор следуют веб-стандартам.

Следующий пример показывает элементы списка в качестве встроенных элементов:

примеров

li {display:inline;}

Попробуйте »

Следующие элементы пример пролетных как блок элементов:

примеров

span {display:block;}

Попробуйте »

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

примеров

Другие примеры

Как отображать встроенный элемент.

Этот пример демонстрирует, как отображение встроенных элемента.

Как отобразить блок - элемент.

Этот пример показывает, как отобразить элемент блочного элемента.

Как использовать коллапс недвижимости стол.

Этот пример демонстрирует, как использовать таблицу свойств коллапса.

Горячие учебники

Contact US

CSS Display (дисплей) и видимость (видимость)
10/30