ul元素中的文本和图标之间没有空格

Question

我对ie7和ul列表元素有点问题。

在ie8 / 9和firefox中，图标和文字之间还有一个空白区域：

在ie7中，不幸的是它看起来：

ul列表的样式：

margin-top: 5px;
    list-style-image: url('../Images/listItem10.png');
    list-style-position: inside;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;

不幸的是，任何为它创建hack的尝试都不起作用。 请提出任何建议，我该如何实现。

Answer 1

..............................

您好已经习惯background 图片而不是list-style-image

margin-top: 5px;
    list-style:none;
background:url('../Images/listItem10.png') no-repeat 0 0;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;

Answer 2

嗯..尝试将图像作为“背景图像”包含在

中，并在

本身添加填充。现在，填充将使

向右移动，因为它设置在：

|
|...|#'Text'
|...|#'Text2'
|

将填充添加到

会使文本向右移动，但不会使背景图像

|
||#...'Text'
||#...'Text'
|

也许这有效:) （我希望'插图'能让你更好地了解我想说的话......：D）