涉及边距时,如何确定<svg>的宽度?

大卫·沃尔沃

看起来<svg>元素的宽度是根据父元素的大小设置的,但是忽略了边距:

在此处输入图片说明

为什么是这样?在调整大小时,如何使<svg>行为像其他任何block元素一样

小提琴:http : //jsfiddle.net/4p3ww/

RCNeil

某些SVG内容无法说要在边界,边距和边距占据其份额后占用任何可用空间(没有办法创建不具有固有宽度/高度的SVG,因为' '和'height'属性默认为100%)。

https://wiki.mozilla.org/SVG:大小调整

似乎仍然存在关于不同浏览器应如何呈现这些内容的争论,因此我要小心。即使具有height / width属性和max-widthCSS,它也对我来说仍然很奇怪。

http://jsfiddle.net/4p3ww/3/

本文收集自互联网,转载请注明来源。

如有侵权,请联系debugcn@gmail.com 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用d3js获取svg元素的宽度?

来自分类Dev

SVG <g>和<text>元素的默认宽度/边距/填充是什么?

来自分类Dev

如何在javascript中正确设置SVG的宽度和高度?

来自分类Dev

如何限制pygal中svg的宽度/高度

来自分类Dev

如何动态更改svg线的宽度

来自分类Dev

边距后如何计算div宽度?

来自分类Dev

如何在svg中设置确切的宽度

来自分类Dev

如何通过js从svg div获取宽度和高度

来自分类Dev

如何使用蜡染获取SVG图像的图像大小(宽度/高度)

来自分类Dev

如何调整SVG社交图标的宽度和高度?

来自分类Dev

如何从导入的SVG设置画布的高度和宽度

来自分类Dev

如何在vuetify中更改svg的高度宽度?

来自分类Dev

如何显示使用指定宽度的svg结尾的文本

来自分类Dev

如何裁剪图像宽度svg?

来自分类Dev

如何控制svg元素的宽度和高度

来自分类Dev

如何将固定宽度和高度设置为SVG

来自分类Dev

如何根据视图框或svg标签的高度宽度缩放图形

来自分类Dev

SVG <g>和<text>元素的默认宽度/边距/填充是什么?

来自分类Dev

如何在javascript中正确设置SVG的宽度和高度?

来自分类Dev

如何通过js从svg div获取宽度和高度

来自分类Dev

如何调整SVG社交图标的宽度和高度?

来自分类Dev

如何处理<path>笔触宽度在SVG中变为零

来自分类Dev

如何减少宽度的边距值?

来自分类Dev

如何使 svg 适合 html 的宽度和高度?

来自分类Dev

如何测试“svg 的宽度是否大于屏幕的宽度”?

来自分类Dev

使用 SVG <use> 标签时高度和宽度不缩放

来自分类Dev

如何绘制具有可变宽度描边的单个 svg 路径?

来自分类Dev

offsetWidth、SVG 宽度在使用加载的字体时不正确

来自分类Dev

如何获取SVG折线元素的高度和宽度?

Related 相关文章

  1. 1

    如何使用d3js获取svg元素的宽度?

  2. 2

    SVG <g>和<text>元素的默认宽度/边距/填充是什么?

  3. 3

    如何在javascript中正确设置SVG的宽度和高度?

  4. 4

    如何限制pygal中svg的宽度/高度

  5. 5

    如何动态更改svg线的宽度

  6. 6

    边距后如何计算div宽度?

  7. 7

    如何在svg中设置确切的宽度

  8. 8

    如何通过js从svg div获取宽度和高度

  9. 9

    如何使用蜡染获取SVG图像的图像大小(宽度/高度)

  10. 10

    如何调整SVG社交图标的宽度和高度?

  11. 11

    如何从导入的SVG设置画布的高度和宽度

  12. 12

    如何在vuetify中更改svg的高度宽度?

  13. 13

    如何显示使用指定宽度的svg结尾的文本

  14. 14

    如何裁剪图像宽度svg?

  15. 15

    如何控制svg元素的宽度和高度

  16. 16

    如何将固定宽度和高度设置为SVG

  17. 17

    如何根据视图框或svg标签的高度宽度缩放图形

  18. 18

    SVG <g>和<text>元素的默认宽度/边距/填充是什么?

  19. 19

    如何在javascript中正确设置SVG的宽度和高度?

  20. 20

    如何通过js从svg div获取宽度和高度

  21. 21

    如何调整SVG社交图标的宽度和高度?

  22. 22

    如何处理<path>笔触宽度在SVG中变为零

  23. 23

    如何减少宽度的边距值?

  24. 24

    如何使 svg 适合 html 的宽度和高度?

  25. 25

    如何测试“svg 的宽度是否大于屏幕的宽度”?

  26. 26

    使用 SVG <use> 标签时高度和宽度不缩放

  27. 27

    如何绘制具有可变宽度描边的单个 svg 路径?

  28. 28

    offsetWidth、SVG 宽度在使用加载的字体时不正确

  29. 29

    如何获取SVG折线元素的高度和宽度?

热门标签

归档