在我的 HTML 文档中,我有一个
,其中包含许多具有id
属性的项目,例如icon-x
。
然后我想重用这些图标,例如
但是,本例中的图标在源 SVG 中可能具有不同的大小。我希望它们适合div.container
,但容器中的 svg 周围有空白。
我怎样才能告诉它
我指向的东西,并知道那个东西定义了
的大小,这样当我做CSS像.container svg { width: 100%; height: auto;}
它的工作原理与
标签一样吗?
icon-x
必须是一个符号或具有 viewBox 属性的嵌套 svg使用
元素指定
icon-x
时,您可以为宽度
和高度代码>. 您还可以为
指定不同的位置(x 和 y 属性)或不同的填充。
在下一个示例中,我使用
。您可以选择使用嵌套 svg。在这种情况下,您可能希望将其放入