字体图标和文字垂直居中

字体图标使用iconfont字体图标库

1. stylus样式

            .lang
                flex 1
                float right
                height 50px
                line-height 50px
                color #fff
                i
                    font-size 30px
                    //***设置vertical-align进行调整
                    vertical-align -2px
                span
                    display inline-block
                    height 60px
                    line-height 5px

2. html样式

<div class="lang">
    <i class="icon iconfont icon-diqiuquanqiu"></i> <span> ENGLISH</span>
</div>

image.png

image.png