svg 元素上内嵌显示和块显示之间的区别

2023-11-23

我理解 div 的区别。

但在 svg 中:

<svg>
    <rect display="block" id="svg_3" height="57" width="52" y="20" x="41" stroke-width="5" stroke="#000000" fill="#FF0000"/>

     <rect display="inline" id="svg_3" height="57" width="52" y="20" x="120" stroke-width="5" stroke="#000000" fill="#0000BB"/>
</svg>

似乎产生相同的结果...(“无”隐藏元素) 这是jsfiddle:https://jsfiddle.net/foreyez/3c7va377/

有什么区别,默认值是什么,内联还是块?


Per the SVG规格

display: none 值表示给定元素及其子元素不应直接渲染(即,这些元素不存在于渲染树中)。除 none 或继承之外的任何值都表示给定元素应由 SVG 用户代理呈现。

因此,除了没有之外,所有内容都被完全相同地对待。

SVG 不是 HTML,它没有回流的概念(即一个元素位置的变化不会影响文本中除 tspan 和 tref 之外的其他元素)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

svg 元素上内嵌显示和块显示之间的区别 的相关文章