css - PC端，同一行文字，字体大小不同，如何垂直居中

问题描述

问 题

<style>
    .right{
        height: 100px;
        font-size: 14px;
        line-height: 100px;
    }
    .right em{
        font-size: 90px;
    }
    
</style>

<p class="right">
    我是左边<em>我是中间</em>我是右边
</p>

如题，尝试了好几种方法，除非直接对 左右两边设置 margin之类的，有什么方法能让其自动居中对齐呢？？

因为是PC端，需兼容至IE7

解决方案

https://jsfiddle.net/koqee35f/

vertical-align: middle;没问题

这篇关于css - PC端，同一行文字，字体大小不同，如何垂直居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！