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;
}