Ни один из следующих кодов не работает:
p:before { content: " "; }
p:before { content: " "; }
Как добавить пробел перед содержимым элемента?
Примечание. Мне нужно раскрасить левую границу и левое поле для семантического использования и использовать пространство как бесцветное поле. :)
css
unicode
space
css-content
Hugolpz
источник
источник
element:before { content:"[a kind of space]"; background: mycolor;}
. Во всех смыслах я хотел узнать, как добавить пробелы, это было весело!p:first-letter { border-left: 1ex solid mycolor; }
.Ответы:
Вы можете использовать юникод неразрывного пробела:
См. Демонстрацию JSfiddle
[стиль улучшен @Jason Sperske]
источник
"\00a0 "
? Это необходимо или мы можем просто сделать"\00a0"
?Не пукайте, вставляя пробелы. Во-первых, более старые версии IE не будут знать, о чем вы говорите. Но помимо этого есть и более чистые способы.
Для бесцветных отступов используйте
text-indent
свойство.Демо JSFiddle
Редактировать:
Если вы хотите, чтобы пространство было раскрашено, вы можете добавить толстую левую границу к первой букве. (Я бы почти-но-не совсем сказал «вместо этого», потому что отступ может быть проблемой, если вы используете оба. Но мне кажется грязным полагаться исключительно на границу для отступа.) Вы можете указать, как далеко , и насколько широкой цвет использует левое поле / отступ / ширину границы первой буквы.
демонстрация
источник
{ text-indent: 1em; }
. Но мы можем раскрасить пространство таким:before {content: "\00a0 "; background: #000; }
. См. FiddleПоскольку вы хотите добавить пространство между элементами, вам может понадобиться что-то простое, например, margin-left или padding-left. Вот примеры как http://jsfiddle.net/BGHqn/3/
Это добавит 10 пикселей слева от элемента абзаца.
или если вам просто нужен отступ внутри элемента абзаца
источник
источник