Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
Html SVG和主要内容之间的奇怪间距 问题_Html_Css_Svg - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html SVG和主要内容之间的奇怪间距 问题

Html SVG和主要内容之间的奇怪间距 问题

html css svg

Html SVG和主要内容之间的奇怪间距 问题,html,css,svg,Html,Css,Svg,我有以下代码，我不明白为什么在部分之前和部分之间有空格： 部分{ 背景色：#E9F6FF； 宽度：100%； 显示：块； 高度：100px； } 章节：之前， 章节：之后{ 显示：块； 宽度：100%； 背景色：#ccc； } 章节：之前{ 内容：网址(https://svgshare.com/i/NSF.svg); } 章节：之后{ 内容：网址(https://svgshare.com/i/NRP.svg); } 看起来像是为下行器保留的空间。如果我添加font-size:0，则会缩小差距：

我有以下代码，我不明白为什么在
部分之前和
部分之间有空格：



部分{
背景色：#E9F6FF；
宽度：100%；
显示：块；
高度：100px；
}
章节：之前，
章节：之后{
显示：块；
宽度：100%；
背景色：#ccc；
}
章节：之前{
内容：网址(https://svgshare.com/i/NSF.svg);
}
章节：之后{
内容：网址(https://svgshare.com/i/NRP.svg);
}


看起来像是为下行器保留的空间。如果我添加
font-size:0
，则会缩小差距：



部分{
背景色：#E9F6FF；
宽度：100%；
显示：块；
高度：100px；
}
章节：之前，
章节：之后{
显示：块；
宽度：100%；
背景色：#ccc；
字号：0；
}
章节：之前{
内容：网址(https://svgshare.com/i/NSF.svg);
}
章节：之后{
内容：网址(https://svgshare.com/i/NRP.svg);
}


我在chrome中复制了它，我没有发现svg和主要内容之间有任何间隔，它似乎是svg本身的一部分