Вот как это может работать. Вам необходимо изменить свой атрибут данных следующим образом:
foo
и CSS (доказательство концепции):
[data-foo]:after {
content: attr(data-foo);
background-color: black;
color: white;
white-space: pre;
display: inline-block;
}
Скрипт Демо: http: // jsfiddle .net / audetwebdesign / cp4RF /
Как это работает
Использование \a
не работает, но эквивалентный объект HTML делает
.
Согласно спецификации CSS2.1, attr(attribute-label)
возвращает строку, но строка не обрабатывается процессором CSS (я не уверен, что это означает точно). Я предполагаю, что \a
должен интерпретироваться процессором CSS, чтобы код отображался как свойство.
Напротив, объект HTML интерпретируется браузером напрямую (я думаю ...), поэтому он работает.
Однако для работы линии вам нужно установить white-space: pre
для сохранения пробела в псевдоэлементе. Примечание: вы можете также рассмотреть именно pre-wrap
или pre-line
в зависимости от характера вашего контента.
Ссылка
Что касается получения кода сущности HTML для перевода строки: http://www.fileformat.info/info/unicode/char/000a/index.htm
Что касается значения attr()
для свойства content
: http : //www.w3.org/TR/CSS2/generate.html#content
Нет необходимости добавлять в блоки classmap
и files
, если вы помещаете свои пользовательские классы в каталог app
. Удалите эти строки, затем просто используйте App/Biblioteka/Administrator;
в ваших PHP-файлах.
Этот бит:
"psr-4": {
"App\\": "app/"
},
означает, что на что-либо в каталоге app
можно ссылаться через пространство имен App
. Таким образом, для app/Foo/Bar.php
, класс упоминается как App\Foo\Bar
.