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

17
.container:after {
content: "%pre%20";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
 содержание

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

    
задан zarpio 18.07.2012 в 13:52
источник
  • Вы можете попробовать и посмотреть –  John Conde 18.07.2012 в 13:53
  • это просто пробел в юникоде. –  Christoph 18.07.2012 в 13:55
  • Разъяснение здесь: artishock.net/coding/... –  Billy Moat 18.07.2012 в 13:56
  • @John На самом деле этот фрагмент кода действительно не отображает ничего, поэтому «вы можете попробовать и посмотреть» нелегко сделать. –  Konrad Rudolph 18.07.2012 в 13:57
  • Это свойство, которое вставляет символ (ы): до или: после элемента. Вы забыли про google? –  RAN 18.07.2012 в 14:03

2 ответа

26

content: ' ';20 вставляет кодовую точку Unicode U + 0020, которая является пространством. Таким образом, код эквивалентен content: x .

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

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

    
ответ дан Konrad Rudolph 18.07.2012 в 13:55
источник
  • Почему они решили использовать hex unicode, а не только html-объекты - это еще одна история, хотя ... –  Christoph 18.07.2012 в 13:59
  • @Christoph Это CSS, вы не можете использовать объекты HTML здесь. И даже в HTML вы должны вообще не использовать HTML-сущности (кроме <,> и, конечно), но символы Unicode (но, конечно, это может не всегда быть практичным при вводе символов, которые не расположены на вашей клавиатуре ...). –  Konrad Rudolph 18.07.2012 в 14:00
  • 1) Я знаю 2) Я знаю, и, конечно, это можно сказать в настоящее время, но было время, когда использование кодировки utf не было стандартом де-факто ... –  Christoph 18.07.2012 в 14:05
  • @Christoph Re 1): тогда почему вы опубликовали комментарий, если знаете, что его здесь нельзя использовать. –  Konrad Rudolph 18.07.2012 в 14:11
  • Потому что это было вопросом определения. –  Christoph 18.07.2012 в 14:27
2

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

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

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

    
ответ дан Moin Zaman 18.07.2012 в 13:57
источник
  • «Для высококачественной верстки рекомендуется ...» - что. Зачем? –  Konrad Rudolph 18.07.2012 в 13:58