相关疑难解决方法(0)

将较小的项目符号垂直对齐较大的文本

我有一个子弹列表.我通过将li文本放在a中span并使字体大小li小于span 的字体来减小子弹.问题是现在子弹与文本没有垂直对齐.我该如何解决这个问题?

HTML:

<ul>
    <li><span>text1</span></li>
    <li><span>text2</span></li>
    <li><span>text3</span></li>
    <li><span>text4</span></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS:

li{
    font-size: 15px;
}
li span{
    font-size: 25px;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle:http://jsfiddle.net/tXzcA/

css list font-size vertical-alignment

17
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×1

font-size ×1

list ×1

vertical-alignment ×1