使用数据内容更改 css 内容 - 换行符

Change css content with data-content - break line

本文关键字：css 内容 换行符 数据      更新时间：2023-09-26

我有：.HTML：

<div id="mydiv" data-content="Loading..."></div>

.CSS：

#mydiv:after{
   content: attr(data-content);
   height: 100%;
   opacity: 1;
   position: absolute;
   text-align: center;
   text-transform: uppercase;
   width: 100%;
   white-space: pre;
}

JS （jQuery）：

$('.ui-effects-transfers').attr('data-content',"Loading... 'A Please wait...");

我在 CSS 中设置时遇到问题

content: "Loading... 'A Please wait...";

然后''A作为断线工作。当我使用数据内容设置它时，换行符不起作用。

如何解决此问题？

您需要使用 'n 而不是'A 

$("#mydiv").attr("data-content","hello'nworld");

js小提琴

相关文章：