list-style-image怎么居中

要将列表项的图像居中，可以使用 CSS 的 background 属性来设置列表项的背景，并在其中设置居中对齐的背景图像。

具体做法如下：

1. 将 list-style-image 设置为 none，取消默认的列表项标记图像。

2. 使用 background-image 属性设置列表项的背景图像。

3. 使用 background-position 属性将背景图像居中对齐。

示例代码如下：

ul {
  list-style-image: none;
  list-style-position: inside; /* 将列表项标记放置在文本内部 */
}

li {
  background-image: url('your-image-path');
  background-repeat: no-repeat;
  background-position: center center; /* 将背景图像居中对齐 */
  padding-left: 20px; /* 增加左侧间距以留出空间显示背景图像 */
}

注意，使用 background 属性设置列表项背景时，要确保背景图像的大小适合列表项的大小，并且要使用 no-repeat 属性防止图像平铺。同时，为了避免背景图像与文本重叠，可以通过 padding 属性增加左侧间距。