如何定位列表式图像？

有效定位列表式图片

问题：

有没有办法调整图片的位置用作列表中的项目符号点(list-style-image)？

答案：

不可以，直接调整list-style-image的位置是不可能的。原因是应用于列表项的填充主要影响其中的内容，而不是图像。

替代方案方法：

要达到类似的效果，您可以使用背景和填充样式的组合：

li {
  background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for control */
  padding: 3px 0px 3px 10px;
  /* Reset styles (optional): */
  list-style: none;
  margin: 0;
}

此方法使用背景样式定位子弹图像并控制其与文本之间的间距使用填充。

注意事项：

如果您打算设置父列表容器 (ul) 的样式来定位项目符号列表项，请参阅 A List Apart 文章在提供的答案中提到了指导。

以上是如何定位列表式图像？的详细内容。更多信息请关注PHP中文网其他相关文章！