字体图标和文字垂直居中

蓦然 ...

于 2021-05-14 10:24:27 发布

阅读量473

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/felicity_zll/article/details/116781350

本文探讨了在微信小程序项目中遇到的字体图标和文字垂直居中问题，通过实例展示了如何调整样式实现对齐，并分享了最终的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、写微信小程序项目时候遇到的问题：字体图标和文字不居中


<!-- 字体图标之间 纵向居中 -->
<div class="wrap">
  <view class="iconfont iconshuxian"></view>
  <view class="iconfont iconx1 "></view>
</div>

<!-- 字体图标和文字 纵向居中 -->
<div class="wrap">
  <view class="iconfont iconx1 ">测试11111</view>
</div>

二、最后的效果