gpt4 book ai didi

object - 为什么 HTML anchor 标记不包装可缩放的 SVG
转载 作者:行者123 更新时间:2023-12-04 17:30:17 24 4
gpt4 key购买 nike

我使用 preserveAspectRatio 创建了一个可扩展的 SVG 对象和 viewBox SVG 文件本身的属性:

<svg

width="800"
height="800"
preserveAspectRatio="xMinYMin meet"
viewBox="0 0 800 800"


在 HTML 中,我使用 <object> 引用了 SVG 文件。标记并包裹它 <a>标签(我想这样做,以便我以后可以对其进行样式设置):
<a>
<object type="image/svg+xml" data="smiley.svg">
</object>
</a>

我的风格 <object>使用一些 CSS 标记使其宽度为 50%,并且宽度不超过 100%:
object {
max-width: 100%;
width: 50%;
}

问题是 anchor 标记并没有环绕对象!

Anchor tag not wrapping scalable SVG object

任何人的想法?

最佳答案

添加 display: block anchor 似乎为我修复它。

关于object - 为什么 HTML anchor 标记不包装可缩放的 SVG <object>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22615049/

24 4 0