Как вы используете свойство CSS content
для добавления объектов HTML ?
Использование чего-то подобного просто выводит
на экран вместо неразрывного пробела:
.breadcrumbs a:before {
content: ' ';
}
html
css
html-entities
css-content
nickf
источник
источник
:after
для установки, например, индикатора сортировки asc / desc в отсортированном столбце.Ответы:
Вы должны использовать экранированный юникод:
подобно
Более подробная информация на: http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/
источник
'>\a0'
достаточно.'>\a0 bc'
отображается> bc
.CSS это не HTML. ссылка
на именованный символ в HTML; эквивалентно десятичной числовой ссылке на символ 
. 160 является десятичной точкой код изNO-BREAK SPACE
символа в Unicode (или UCS-2 , см HTML 4.01 Specification ). Шестнадцатеричное представление этой кодовой точки - U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 ). Вы найдете это в диаграммах кодов Unicode и базе данных символов .В CSS вам необходимо использовать escape-последовательность Unicode для таких символов, которая основана на шестнадцатеричном значении кодовой точки символа. Так что вам нужно написать
Это работает до тех пор, пока escape-последовательность стоит последней в строковом значении. Если символы следуют, есть два способа избежать неправильной интерпретации:
а) (упомянуто другими) Используйте ровно шесть шестнадцатеричных цифр для escape-последовательности:
б) Добавьте один пробел (например, пробел) после escape-последовательности:
(Поскольку
f
это шестнадцатеричная цифра,\a0f
в противном случае это означало быGURMUKHI LETTER EE
здесь, или ਏ, если у вас есть подходящий шрифт.)Разделительный пробел будет игнорироваться, и он будет отображаться
foo
, где отображаемое пространство здесь будетNO-BREAK SPACE
символом.Подход пробела (
'\a0 foo'
) имеет следующие преимущества перед подходом из шести цифр ('\0000a0foo'
):Таким образом, чтобы отобразить пробел после экранированного символа, используйте два пробела в таблице стилей:
- или сделайте это явным:
См. CSS 2.1, раздел «4.1.3 Символы и регистр» для получения подробной информации.
источник
white-space
свойство CSS не объявляет иное.white-space: normal
.NO-BREAK SPACE
символ, поэтому я использовал для него escape-последовательность. Вы можете выбрать любую другую escape-последовательность; при необходимости вы можете объявитьwhite-space: nowrap
тоже.Обновление : PointedEars упоминает, что правильная замена
во всех ситуациях CSS будет'\a0 '
означать, что пробел является ограничителем шестнадцатеричной строки и поглощается экранированной последовательностью. Он также указал на это авторитетное описание, которое звучит как хорошее решение проблемы, которую я описал и исправил ниже.Что вам нужно сделать, это использовать экранированный юникод. Несмотря на то, что вам сказали,
\00a0
это не идеальный помощник в
CSS; поэтому постарайтесь:Специально используя
\0000a0
как
. Если вы попробуете, как предложили Матье и Милликин:Это берет B в гексагональные экранированные символы. То же самое происходит с 0-9a-fA-F.
источник
'\a0 Break'
.'\0000a0Break'
это не надежно.В CSS вам нужно использовать escape-последовательность Unicode вместо HTML-сущностей. Это основано на шестнадцатеричном значении символа.
Я обнаружил, что самый простой способ преобразовать символ в его шестнадцатеричный эквивалент - например, из ▾ (
▾
)\25BE
- использовать калькулятор Microsoft =)Да. Включите режим программистов, включите десятичную систему, введите
9662
, затем переключитесь на шестнадцатеричный код, и вы получите25BE
. Затем просто добавьте обратную косую черту\
в начало.источник
\25B8
▸
▸
) ftw. Также см. En.wikipedia.org/wiki/Geometric_Shapes для получения дополнительной информации.Используйте шестнадцатеричный код для неразрывного пробела. Что-то вроде этого:
источник
Есть способ вставить
nbsp
- откройте CharMap и скопируйте символ 160 . Тем не менее, в этом случае я бы, вероятно, поместил его с отступом, например такВозможно, вам придется установить панировочные сухари
display:inline-block
или еще что-нибудь.источник
Например :
http://character-code.com/arrows-html-codes.php
Пример: если вы хотите выбрать своего персонажа, я выбрал «& # 8620» «& # x21ac» (мы используем значения HEX )
Результат: ↬
Это оно :)
источник
Я знаю, что это довольно старый пост, но если после вас стоит пробел, почему бы не просто:
Я использовал этот метод раньше. В моем тестировании он прекрасно сочетается с другими строками с символом «>».
источник
Вот два способа:
В HTML:
<div class="ics">⛱</div>
Это приведет к ⛱
В Css:
.ics::before {content: "\9969;"}
с HTML кодом
<div class="ics"></div>
Это также приводит к ⛱
источник