Каков эффект контента: "\ 0020"; имущество?

.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}

 содержание

Пожалуйста, объясните, каков эффект "content:" \0020 "; свойство?

Ответы

Ответ 1

\0020 вставляет код U + 0020 кода Unicode, который является пространством. Таким образом, код эквивалентен content: ' ';.

content: x заменяет содержимое (= отображаемый текст) значением x.

Однако в опубликованном вами фрагменте этот контент становится невидимым, так что вы вообще ничего не увидите. Код представляет собой clearfix для повторного размещения элементов на странице.

Ответ 2

Это добавляет пробел, чтобы очистить поплавки. Google clearfix, и вы увидите похожие вещи.

Ссылка: Свойство содержимого может содержать: текстовые строки, URI внешних ресурсов (например, изображение) и специальные символы кода ASCII. Для высококачественного набора рекомендуется использовать символы ISO 10646 и кодировать их в их представлении HEX.

Единое пространство HEX равно 20, поэтому вы должны использовать\0020