css 垂直对齐不同的字体大小http://jsfiddle.net/kfVGf/1/

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 垂直对齐不同的字体大小http://jsfiddle.net/kfVGf/1/相关的知识,希望对你有一定的参考价值。

<div class="moduleResult">
    <p>You have
        <span class="moduleCard">88</span>
        out of
        <span class="moduleCard">88</span>
    correct</p>
</div>
.moduleResult{
	width:100%;
    }

p{
	font-family:'Arial';
	font-size:20px !important;
	line-height:30px;
	text-align:center;
	}
	
.moduleCard{
	font-size:60px !important;
	line-height:60px;
	padding:0 4px;
	}

以上是关于css 垂直对齐不同的字体大小http://jsfiddle.net/kfVGf/1/的主要内容,如果未能解决你的问题,请参考以下文章

当输入和占位符具有不同的字体大小时,输入的占位符在 Chrome 中未对齐

垂直对齐底部 div 与不同大小的文本

如何跨浏览器垂直对齐元素?

使用不同字体调整 FL_Widget 中文本的垂直对齐方式

CSS:当不知道div的固定大小时垂直对齐div

如何垂直对齐2种不同大小的文本?