Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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,我有一个具有不同viewBox值的3 svg图标 <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16"></svg> <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">&

我有一个具有不同viewBox值的3 svg图标

<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16"></svg>
<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"></svg>
如何使用相同的值设置svg的宽度和高度，以便所有这3个图标都具有相同的大小

<div>
    <span>
          <svg></svg>
    </span>
</div>
如果您为三个图标指定相同的
宽度和
高度，则这三个图标将缩放到相同的大小。较短的一个将居中



svg{
宽度：50px；
高度：50px；
边框颜色：蓝色；
背景颜色：黄色；
}


同一尺寸如何？相同的宽度，还是相同的高度？