Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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编程技术网

Html 如何消除SVG占用的空间?为什么无法更改其大小?

Html 如何消除SVG占用的空间?为什么无法更改其大小?,html,css,svg,Html,Css,Svg,SVG额外的空间不会消失,当您检查SVG时,您不会看到一个大的蓝色空间将其他所有内容向下推。我有很多标签,尝试了很多东西,比如height:auto,显示:块,更改视图框等 我无法在媒体查询之外更改SVG的大小。我读到它已经内联了,但考虑到它占用的空间,它的表现肯定不像它 试试我们全新的婴儿名字生成器 您的问题是您的视图框未设置为适当的值。 它设置为800宽800高。但你的内容远没有那么大 如果我们给SVG的背景上色,我们可以看到这一点 svg{ 宽度:400px; 背景色:亚麻布; }

SVG额外的空间不会消失,当您检查SVG时,您不会看到一个大的蓝色空间将其他所有内容向下推。我有很多标签,尝试了很多东西,比如
height:auto
显示:块,更改视图框等

我无法在媒体查询之外更改SVG的大小。我读到它已经内联了,但考虑到它占用的空间,它的表现肯定不像它


试试我们全新的婴儿名字生成器

您的问题是您的
视图框未设置为适当的值。
它设置为800宽800高。但你的内容远没有那么大

如果我们给SVG的背景上色,我们可以看到这一点

svg{
宽度:400px;
背景色:亚麻布;
}

试试我们全新的婴儿名字生成器