css - SVG 填充仅在指定至少 2 个边时适用

Question

为什么 SVG 需要至少填充 2 个区域才能应用任何填充？

例如给一个 svg padding-top: 50px 什么都不做。但是给它 padding-top: 50px; padding-left: 1px 将导致应用填充。

请参阅此 jsfiddle:http://jsfiddle.net/4aMfZ/

Answer 1

我一点都不清楚 padding 应该应用于 SVG 元素。填充是为盒子模型布局设计的，SVG 不使用也不关心它。除了它在 HTML 文档中的位置。如果您想要 SVG 外部周围的空间，请改用 margin。