Как сделать перенос строки для псевдоэлемента в content?

Question

[GreenMan1899]

Как сделать перенос строки для псевдоэлемента в content?

Answer 1

[Максим Тимофеев]

никак, content не подразумевает вставку кода. Только строка текста или url картинки или счетчик, кавычки и т.д. Подробнее тут:
https://www.w3schools.com/cssref/pr_gen_content.asp
Можно наверное костыльно сделать используя символы пробела. Но скорее всего Вы просто выбрали не верный способ для своей задачи.

Answer 2

[Марти Макфлай]

А вот и нет!
Задаешь псевдо элементу white-space: pre, а в контенте для переноса строки вставляешь \0a

А если нужно, чтобы контент подменялся js-кой, то вот отличное решение:
https://stackoverflow.com/questions/17047694/add-l...

Comments

[Yur4ukk]

спасибо пмогло,
если кто-то не поймет как это выглядит то вот так:

.our_price::before{
content: 'Ціна з \0a ПДВ';
white-space: pre;
position: absolute;
bottom: 0px;
right: 0;
line-height: 20px;
font-size: 20px;
}

Answer 3

[katarum]

Это программные способы решения, они вообще не нужны, просто делаешь так: content: "М Е Н Ю";
- просто добавляешь пробелы и получаешь:
М
Е
Н
Ю