在我的 HTML 文档中，我有一个 ，其中包含许多具有 id 属性的项目，例如 icon-x。
然后我想重用这些图标，例如
<div class=container> <svg><use xlink:href=#icon-x /></svg> </div>
但是，本例中的图标在源 SVG 中可能具有不同的大小。我希望它们适合 div.container，但容器中的 svg 周围有空白。
我怎样才能告诉它我指向的东西，并知道那个东西定义了的大小，这样当我做CSS像 .container svg { width: 100%; height: auto;} 它的工作原理与
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
1752
收藏
icon-x必须是一个符号或具有 viewBox 属性的嵌套 svg使用
icon-x时，您可以为元素指定宽度和高度代码>. 您还可以为指定不同的位置（x 和 y 属性）或不同的填充。在下一个示例中，我使用
svg{ border:solid; width:90vh; }