Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在样式表中打断URL中的行_Css_Url_Data Uri - Fatal编程技术网

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

Css 如何在样式表中打断URL中的行,css,url,data-uri,Css,Url,Data Uri,我有一个非常长的行(数据URL)样式表。 我能把这些线分成更小的线吗 长线示例: background-image: url(data: image/png;base64, really long string); 要做到这一点,请将URI括在引号中,并在URI中要打断的每一行的末尾添加一个\,后面是一个换行符。URI中的字符串,就好像\和紧跟其后的换行符不存在一样 使用非Base64编码数据URI的URI执行此操作时,需要确保字符串中没有缩进,否则链接将无法工作。这是因为空白在URI中很重要

我有一个非常长的行(数据URL)样式表。 我能把这些线分成更小的线吗

长线示例:

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

要做到这一点,请将URI括在引号中,并在URI中要打断的每一行的末尾添加一个
\
,后面是一个换行符。URI中的字符串,就好像
\
和紧跟其后的换行符不存在一样

使用非Base64编码数据URI的URI执行此操作时,需要确保字符串中没有缩进,否则链接将无法工作。这是因为空白在URI中很重要。空格在Base64字符串中不重要,因此在Base64编码的数据URI中保留缩进是可以的,但这是Base64字符串的属性,而不是URI。如果这让你困惑,为了简单起见,千万不要缩进

下面是一个例子:

#圆圈{
宽度:16px;
高度:16px;
背景图像:url('数据:image/png;base64,ivborw0kggoaaaansuhueugaaaaq\
CAYAAAF8/9HAAAAAXNSR0IARS4C6QAARQU1BAACXJW8YQUAAAJCEHZCWACXIAASADLDVW\
AAAB6SURBVDHP3ZPLECAGCERPWPSYPLI3YGRWKBBLAIYHJZEI45FBUPQ4JColihiJBBMAF1MC5/zSIBl\
JMEKZZRHTWZBUZNTTXRGCZQOXKZHIBV3MoVMMN5HQKCD4EYPXFOF7H5JJIWAHWKDJIAX1LXKY/Nd\
MVrUmxnoQPGWQ2Hnu//1WAAAABJRU5ERKJGG==');
}

在编辑器中使用代码包装和折叠功能。您是在谈论实际的CSS文件还是它在IDE中的显示方式?因为在IDE中,你可以把长线包起来。不确定是否可以破坏实际的base64字符串。当它被缩小时,这并不重要。为了演示起见,您可以提供一个正确的base64编码数据URI吗?它不必是真实世界的图像,一个非常简单的位图将生成一个相当长的数据URI供演示。@Aziz:jsFiddle“有益地”缩进您插入换行符的所有行。去掉缩进就行了。@Aziz:ahhh,我遗漏了什么。你需要引用URL。如果URL没有被引用,解析器会失败吗?@Poul-Bak:是的。\+换行符只适用于字符串。