HTML图片和文字上下对齐

//HTML
<div class="l4">
     <img src="../static/index/时间.png" alt />
     <span>{{item.see}}</span>
 </div>


//CSS          
.l4 {
          position: absolute;
          left: 0;
          bottom: 0;
          span {
            vertical-align: middle;
          }
          img {
            vertical-align: middle;
          }
        }

原始效果:


图片和span标签同时设置vertical-align: middle;即可解决,单独设置一个总感觉对不齐

设置后:


原文链接:segmentfault.com

上一篇:干货!企业正确选择CRM系统的8种方法。
下一篇:input表单输入框聚焦动画系列

相关推荐

官方社区

扫码加入 JavaScript 社区