gpt4 book ai didi

html - 小 svg 推到容器外

转载 作者:太空宇宙 更新时间:2023-11-04 02:02:17 25 4
gpt4 key购买 nike

我有一个小的内联 svg 图像,由于某种原因被推到其容器之外。除了 svg 本身,没有设置容器的高度。

看这里 https://jsfiddle.net/xv5jeLpk/4/

<div class="button">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 8">
</svg>
</div>

容器 div 的红色背景不应该是可见的。

最佳答案

您可以通过在 svg 上使用 display: block 去除顶部和底部的空白区域,默认情况下它是内联显示的。额外的空间来自外层容器的默认行高,它大于 svg 的高度。

关于html - 小 svg 推到容器外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41549506/

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