list-style-none + background-image = margin不起作用?

时间:2013-01-22 00:44:15

标签: css list styles background-image margin

我正在设计一个列表,需要精确设置边距才能看起来不错。但是我为每个list-style-none元素使用background-image<li>,它似乎使margin属性完全没用Oo

嗯,没别的说,这是一个例子:http://symael.servhome.org/buglist.html

问题很明显:页面上的每个<ul>的填充和边距都相同,但在“树”div中,<li>元素的样式。它似乎激活了默认保证金或某种程度......

有谁知道如何解决这个问题?目的是在顶部的文件夹下面加上“+”或“ - ”...是的,它就像那样简单:p

1 个答案:

答案 0 :(得分:0)

这与保证金无关。 li的填充正在将其子女推向右侧。你应该减少填充:

#tree li {
    padding-left: 18px;
}
#tree li a {
    padding-left: 20px;
}