如何在<li>子弹背景下垂直空白？</li>

Question

这是css

li { background: transparent url(bullet-arrow.png) no-repeat left 4px; 
     padding-left: 10px; 
     list-style-image: none; 
     list-style-position: outside; 
     list-style-type: none; }

这是当前输出

alt text http://shup.com/Shup/382212/11061275219-My-Desktop.png

我需要这种格式

alt text http://shup.com/Shup/382214/11061275414-My-Desktop.png

Answer 1

只是一个想法......你可以尝试为display:block设置display:inline-block（或者，li）吗？

Answer 2

这应该有用。

li
{
  list-style-image:url('bullet-arrow.gif');
  list-style-position: outside;
}

（我提前提交然后不得不编辑。抱歉！）