CSS：列表样式图像的位置

问题描述

| 我有一个带有

list-style-image:url(\"../images/prices/tick.png\");

的列表 如何正确定位图像，以使图像和文本在同一“ 1”坐标上？在带有

url(\"link\") 20px 30px

的

url

之后是否没有定义它的方法？ 我似乎无法在线找到有关如何再次完成操作的信息。     

解决方法

我认为您正在考虑使用ѭ4而不是ѭ5。 因此将

list-style

设置为无，然后在

li

上放置一个

background-image

-然后，您可以使用

background-position

来更准确地定位它：

background: url(\"link\") no-repeat 20px 30px;

    ,您可以尝试如下操作：

ul {
    list-style:none;
}
li {
    background:url(image.gif) no-repeat 0 0;
    padding-left:16px;
}

因此可以配置背景位置和填充值。     ,根据Mozilla的“开发人员文档”列表样式，您不能使用CSS定位列表标记。最接近的是列表样式位置，它仅允许您将标记放置在列表元素的内部或外部。 如果要放置图像，则必须编辑图像本身，或者将图像用作背景。     ,创建了一个jsFiddle供您使用。我调整了背景图片的位置，使其看起来更像一颗子弹。