gpt4 book ai didi

html - SVG 附加 margin

转载 作者:太空宇宙 更新时间:2023-11-03 20:48:18 25 4
gpt4 key购买 nike

谁能给我解释一下为什么第一个 div 和第二个 div 之间有额外的 3px 空间:

http://jsbin.com/aSoRoC/1/edit

<body style="margin: 0">
<div style="background-color: green;">
<svg style="background-color: red; margin: 0; padding: 0;" width="600" height="40" fill="#f00"></svg>
</div>
<div style="background-color: blue; width: 600px; height: 40px;"></div>
</body>

如果您将 height: 40px; 放在第一个 div 上,则可以修复它,但我不明白为什么有必要这样做。这种情况在 Chrome、FireFox 和 IE 中普遍存在。

最佳答案

SVG是一个内联元素,内联元素默认的vertical-align是baseline。

svg {
vertical-align: middle; /* or anything other than baseline */
}

关于html - SVG 附加 margin ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18495257/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com