SCSS - 内容属性中的特殊换行符

Question

我正在使用.scss文件并编译它们 我有一个带有以下css规则的元素：

content: attr(data-tooltip) attr(data-tooltip);  

我想使用'\A'在内容属性中添加换行符，但它不起作用 当我使用这个规则时：

content: attr(data-tooltip) '\A' attr(data-tooltip);

它使用单个'A'字符而不是换行符打印数据。

当我使用此规则时：

content: attr(data-tooltip) '\\A' attr(data-tooltip);

它打印内容和'\\A'而不是换行符。

当我将开发者控制台中的内容更改为

时

content: attr(data-tooltip) '\A' attr(data-tooltip);

它会根据需要打印换行符。

如何使用css添加换行符？

编辑：此元素还有white-space: pre-wrap;规则。

编辑：好像它是know issue的css加载程序。

Answer 1

＆＃13;

＆＃13;

[data-tooltip]:after {
  content: attr(data-tooltip) '\A' attr(data-tooltip);
  white-space: pre-wrap;
}

＆＃13;

<div data-tooltip="some tooltip text">The DIV</div>

＆＃13;

＆＃13;

＆＃13;

使用

white-space: pre-wrap;

以及您的\A。