如何在样式表的URL中换行

Question

我有一个样式表，其中的行很长（数据网址）。无论如何，我可以将这些行分成更小的行吗？

长线示例：

background-image: url(data: image/png;base64, really long string);

Answer 1

为此，您可以将URI括在引号中，并\在要中断的每一行的末尾附加a，然后在URI中添加换行符。解析器将把 URI中的字符串当作没有\和紧随其后的换行符一样。

当使用非Base64编码数据URI的URI时，您需要确保字符串内没有缩进，否则链接将无法工作。这是因为空格在URI中很重要。空格在Base64字符串中并不重要，因此在缩进的Base64编码数据URI中保留缩进是可以的，但这是Base64字符串的属性，而不是URI。如果这使您感到困惑，为简单起见，切勿缩进。

这是一个例子：

#circle {
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQ\
CAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvw\
AAAB6SURBVDhP3ZPLEcAgCERpwSYpLi3YgrWkBbLAIYHJZEi45fBUPq4jColIhIjBBmAF1Mc5/zSIBl\
jmekZzRhTwzbuZNTTXRGCZQOXkzHIBv3MOVmEVmMn5hqkCd4EyPxFoF7H5jJiwaHwkDJiaX1lxkY/Nd\
MVrUmxnoQPGWQ2Hnu//1wAAAABJRU5ErkJggg==');
}

<div id=circle></div>