css - 调整列表样式图像位置？

Question

有没有办法调整list-style-image的位置？

当我对列表项使用填充时，图像将保持在其位置并且不会随填充移动...

Answer 1

不是真的。您的填充(可能)应用于列表项，因此只会影响列表项中的实际内容。

结合使用background 和padding 样式可以创建看起来相似的内容，例如

li {
  background: url(images/bullet.gif) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 3px 0px 3px 10px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

您可能希望将样式添加到父列表容器 (ul) 以定位您的元素符号列表项，this A List Apart article有很好的入门引用。