CSS:list-style-type:disc遇到的问题

admin

DIV：<ul><li><a>文字</a></li></ul>
CSS：ul li{ list-style:disc;}

发现disc圆太小，用以下代码实现
ul li{ list-style:disc; font-size:30px;}

发现新的问题，高度太大，于是有以下代码约束
ul li{ list-style:disc; font-size:30px; height:30px; line-height:30px;}

又发现新的问题，a里的文字与disc不在同一水平线，最终办法
ul li{ list-style:disc; font-size:30px; height:30px; line-height:30px;}
ul li a{ vertical-align:top;}
以上字体大小不同，可能会造成垂直对齐的问题。

以上在IE与chrome测试通过，也可以尝试vertical-align:middle的效果，我们还是建议最好的效果还是制作背景图片。