中心定制的ul子弹

Question

如何水平排列ul-List的子弹？它们就像在底部，我想让它们在中间。

我使用的子弹是SVG。

我在网上搜索但没有找到任何东西。

编辑1：

这是我的代码（不多，但无论如何）：

ul {
    list-style-image: url('newBullet.svg');
  }

编辑2： 在这段代码之后：

li {
  list-style-type: none;
  background-image: url('http://www.w3schools.com/css/sqpurple.gif');
  background-repeat: no-repeat;
  background-position-y: 12px;

  padding-left: 20px;
}

看起来像这样，当li元素中的文本为2行时（它在两行的中间）：

Answer 1

您可以使用背景图像并正确定位，而不是使用列表样式。像这样：

li {
  list-style-type: none;
  background-image: url('newBullet.svg');
  background-repeat: no-repeat;
  background-position-y: center;

  padding-left: 20px;
}

示例：https://github.com/watson-developer-cloud/node-sdk/tree/master/examples/webpack

多

如果你的listitem有多行，你绝对可以这样定位：

li {
  list-style-type: none;
  background-image: url('http://www.w3schools.com/css/sqpurple.gif');
  background-repeat: no-repeat;
  background-position-y: 3px;

  padding-left: 20px;
}

示例：https://jsfiddle.net/o2wyj5ey/