css - 使用图像作为项目符号时，有没有办法安排列表项 (LI) 的对齐方式？

Question

我有以下CSS

.ul{
    list-style-image:url(/images/bullet.png)
}

我的 bullet.png 是 20 x 20px，但是它在图像底部显示文本，而我需要在图像中间显示文本。有没有办法分配只移动文本的边距和填充？

Answer 1

重置填充和边距。

使用background-image属性并设置图像大小的填充（如果您希望项目符号和文本之间有一些空间，则更多）

li
{
  margin: 0;
  padding: 0 20px 0 0;
  background-image:url(/images/bullet.png);
  background-repeat: no-repeat;
}

Answer 2

并不真地。您可以尝试删除项目符号，在 LI 上放置填充物，并将背景图像左对齐和居中对齐：background: url(images/bullet.png) no-repeat left center;。