要使Bootstrap SVG图标居中,可以使用以下方法:
<div style="display: flex; justify-content: center;">
<svg class="bi" width="32" height="32" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#heart-fill"/>
</svg>
</div>
<div style="text-align: center;">
<svg class="bi" width="32" height="32" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#heart-fill"/>
</svg>
</div>
以上两种方法都可以使SVG图标水平居中,根据实际情况选择适合的方法即可。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云