vue、react、agl图文对齐 css

需求要是图片与文字对齐：见代码

DOM

1     <div class="Tish">
2          <img src="@/assets/img/感叹号.png" alt="">
3           提示:红色标注点位数据失效，请重配置。
4     </div>

CSS 在父盒子中加入

display: flex;

align-items: center; //图文对齐

 1     .Tish {
 2         display: flex;
 3         align-items: center; //图文对齐
 4         margin-bottom: 5px;
 5         color: #555;
 6         font-size: 12px;
 7 
 8         img {
 9             display: inline-block;
10             width: 14px;
11             height: 14px;
12             margin-right: 5px;
13         }
14     }