63 字
1 分钟
图片和span标签水平垂直对齐
2020-05-27

本文同步自 CSDN · 清阿哥,原文发布于 2020-05-27。

HTML#
<ul class="topUl">
<li>
<img src="@/assets/propertyPayCost.png">
<span>物业缴费</span>
</li>
</ul>
CSS#
.topUl li {
height: 60px;
line-height: 60px;
}
.topUl img {
width: 24px;
margin-right: 8px;
vertical-align: middle;
}
.topUl span {
vertical-align: middle;
}
效果图#

在这里插入图片描述

图片和span标签水平垂直对齐
https://qingge-cabana.vercel.app/posts/图片和span标签水平垂直对齐-106382621/
作者
清阿哥
发布于
2020-05-27
许可协议
CC BY-NC-SA 4.0

评论 待开启

评论基于 GitHub Discussions(Giscus)。仓库推送并开启 Discussions 后,在 giscus.app 获取 repoId / categoryId ,填入 src/config.tsgiscusConfig 即可。

  • 目标仓库: HHQ-666/qingge-blog
  • 详细步骤见项目 docs/DEPLOY.md 第二节