我有一个名单与子弹.通过将li文本放在一个跨度中,使得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>
CSS：
li{
font-size: 15px;
}
li span{
font-size: 25px;
}
jsFiddle：http://jsfiddle.net/tXzcA/
解决方法
你可以制作自己的项目符号,并且做任何你想要的大小.
li{
font-size: 15px;
list-style-type:none;
}
li span{
font-size: 25px;
}
ul li:before {
content: "•";
font-size: 80%;
padding-right: 10px;
}
只需将字体大小更改为所需的大小.
