我有一个名单与子弹.通过将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;
- }
只需将字体大小更改为所需的大小.
