我有一个包含很长行(数据网址)的样式表。
无论如何,我可以将这些行分成更小的行吗?
长线示例:
background-image: url(data: image/png;base64, really long string);
您可以通过将 URI 用引号引起来并附加一个\
到 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)