Question

我正在尝试将以下CSS规则拆分为两行：

background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌AA7") 0 0 repeat;

我尝试将url base64字符串拆分为两个子字符串，以避免根据style guide for an open source project called PDF.js超出行长度。

我试过做“xxxx”+“xxxx”，但是没有用。

所以我想知道是否有人曾尝试过这样做，或者是否有可能在css规则中连接两个字符串？

Answer 1

根据CSS2规范http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#strings，没有连接操作。但是，出于美观原因，您可以在多行上拆分字符串。

为了审美或美观，可以在几行上打破弦乐其他原因，但在这种情况下换行本身必须逃脱用反斜杠（）。

所以解决我的问题的方法是：

  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA\
                   LAAAAAABAAEAAAIBR‌AA7") 0 0 repeat;