私の HTML ドキュメントには、icon-xid 属性を持つ多くの項目が含まれる があります。
それでは、これらのアイコンを
のように再利用したいと思います リーリーただし、この例のアイコンは、ソース SVG ではサイズが異なる場合があります。 div.container に収まるようにしたいのですが、コンテナ内の svg の周囲には空白が必要です。
何かをポイントしていて、そのものが のサイズを定義していることをどのように伝えることができますか。そのため、 のような CSS を実行すると、 .container svg { width: 100%; height: auto;}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
である必要がありますicon-xviewBox 属性を持つシンボルまたはネストされた svgicon-xを使用する場合、要素にwidthおよびheight代码> を指定できます。に異なる位置 (x および y 属性) や異なるパディングを指定することもできます。次の例では、
に置くとよいでしょう。