Question

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

长行示例：

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

Answer 1

您可以通过将URI括在引号中，并在URI中将\附加到要中断的每一行的末尾，后跟换行符。 The parser will treat 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>

如何在样式表中的URL中断行

1 个答案: