涉及边距时，如何确定<svg>的宽度？
大卫·沃尔沃
看起来<svg>元素的宽度是根据父元素的大小设置的，但是忽略了边距：
为什么是这样？在调整大小时，如何使<svg>行为像其他任何block元素一样？
小提琴：http : //jsfiddle.net/4p3ww/
RCNeil
某些SVG内容无法说要在边界，边距和边距占据其份额后占用任何可用空间（没有办法创建不具有固有宽度/高度的SVG，因为' '和'height'属性默认为100％）。
https://wiki.mozilla.org/SVG：大小调整
似乎仍然存在关于不同浏览器应如何呈现这些内容的争论，因此我要小心。即使具有height / width属性和max-widthCSS，它也对我来说仍然很奇怪。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何裁剪图像宽度svg？
- 2
如何测试“svg 的宽度是否大于屏幕的宽度”？
- 3
如何动态更改svg线的宽度
- 4
如何限制pygal中svg的宽度/高度
- 5
如何控制svg元素的宽度和高度
- 6
如何使 svg 适合 html 的宽度和高度？
- 7
SVG <g>和<text>元素的默认宽度/边距/填充是什么？
- 8
SVG <g>和<text>元素的默认宽度/边距/填充是什么？
- 9
边距后如何计算div宽度？
- 10
如何减少宽度的边距值？
- 11
使用 SVG <use> 标签时高度和宽度不缩放
- 12
offsetWidth、SVG 宽度在使用加载的字体时不正确
- 13
如何绘制具有可变宽度描边的单个 svg 路径？
- 14
如何使用蜡染获取SVG图像的图像大小（宽度/高度）
- 15
如何在javascript中正确设置SVG的宽度和高度？
- 16
如何使用d3js获取svg元素的宽度？
- 17
如何在svg中设置确切的宽度
- 18
如何通过js从svg div获取宽度和高度
- 19
如何调整SVG社交图标的宽度和高度？
- 20
如何从导入的SVG设置画布的高度和宽度
- 21
如何在vuetify中更改svg的高度宽度？
- 22
如何显示使用指定宽度的svg结尾的文本
- 23
如何将固定宽度和高度设置为SVG
- 24
如何根据视图框或svg标签的高度宽度缩放图形
- 25
如何在javascript中正确设置SVG的宽度和高度？
- 26
如何通过js从svg div获取宽度和高度
- 27
如何调整SVG社交图标的宽度和高度？
- 28
如何处理<path>笔触宽度在SVG中变为零
- 29
如何获取SVG折线元素的高度和宽度？
我来说两句