在我的 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;}
它的運作方式與 標籤一樣嗎?
icon-x
必須是一個符號或具有 viewBox 屬性的巢狀 svg使用
icon-x
時,您可以為元素指定
寬度
和高度代码>. 您也可以為
指定不同的位置(x 和 y 屬性)或不同的填滿。
在下一個範例中,我使用
。您可以選擇使用巢狀 svg。在這種情況下,您可能想要將其放入