其他分享
首页 > 其他分享> > 小图标与文字对齐

小图标与文字对齐

作者:互联网

  1. 文字前面加小图标时默认是对不齐的,此时可以利用垂直居中的方法进行对齐。
  2. 效果图如下:
  1. 核心代码:
<div style="padding: 10px; color: #888; height:19px; maxHeight:19px; display: flex; justify-content: space-between; ">
    <div>评论区</div>
    <div>
      <span style="vertical-align:middle;">
        <img src="./edit.png" />
      </span> 
      评价
    </div>
</div>

标签:文字,居中,19,垂直,对齐,小图标,图标
来源: https://www.cnblogs.com/wangxiuchun/p/15842066.html