Question

关于div中list-style-image对齐问题！

要达到效果如下：
大家用div+css做新闻列表的时候都是怎么设置list-style-image的？ 我想达到上图效果，用list-style来做，那个小箭头老是对不准，没法调整位置。有朋友说用backgroun来做，但是我的虚线已经用了background了，一个li不能用2个背景图片。对于虚线，我不想用border-bottom:dashed来做，因为那个虚线每小段太长，总体看起来就很丑。 css代码： #list{margin:0;} #list ul{ margin:0; padding:0;} #list ul li{line-height:28px; list-style:url(../images/row01.jpg) inside; background:url(../images/dashline.jpg) bottom repeat-x; padding-left:10px;} #list ul li a{} #list ul li a:hover{} 现在效果：
有没有高手能帮忙改一下，谢谢！ 满意的答案加分~





Answer 1

左边的框可以理解,右边框用你给的代码,理解不能,是你修改后的吧?你也知道,列表样式位置只有Outside和Inside所以不能精确调整箭头图片的位置,所以代码就没什么可改,如果你确是想用这种方式来放那箭头的话,建议你直接修改图片,增加顶部空白来达到箭头在垂直方向上居中于文字,也可以在Li里增加Span标签来放置图片(不建议)。

Answer 2

可以把小三角作为li的背景
li{background:url(../images/biao.gif) no-repeat; text-indent:20px;}
用text-indent来控制文字缩进 到小三角的后面

Answer 3

都没有你的图，这样帮不了你

建议你吧那个三角形和虚线直接做成背景
然后连接用 text-indent:24px; 缩进文字