【CSS】在html中使用svg影响布局的问题？

我的html排版在加入svg前，是正常的，如下图：zct.jpg

加入svg后，div的位置就变了，如下图：
err.jpg

svg加入是直接在html插入svg标签的，代码如下：

<div class\="alert-icon"\>
 <svg xmlns\="http://www.w3.org/2000/svg" width\="18.659" height\="23.621" viewBox\="0 0 18.659 23.621"\>
 <path id\="path\_2190" data-name\="path 2190"
 d\="M13.33,26.121A2.386,2.386,0,0,0,15.662,23.7H11A2.386,2.386,0,0,0,13.33,26.121Zm7-7.268V12.8c0-3.719-1.9-6.832-5.248-7.656V4.317a1.751,1.751,0,1,0-3.5,0v.824C8.245,5.964,6.332,9.065,6.332,12.8v6.057L4,21.276v1.211H22.659V21.276Zm-2.332,1.211H8.665V12.8c0-3,1.761-5.451,4.665-5.451s4.665,2.447,4.665,5.451Z"
 transform\="translate(-4 -2.5)" fill\="#fff" />
 </svg\>
 </div\>

请问这是什么原因迁成的？如何正确的使用svg才能不影响html布局呢？如何解决这类问题？希望使用的方式还是这种直接使用svg标签的方法，谢谢

回答：

svg的样式可以调，如果有.svg格式文件可以直接image引入

以上是 【CSS】在html中使用svg影响布局的问题？ 的全部内容， 来源链接： utcz.com/a/155936.html

回到顶部