相对于列表项

时间:2017-05-25 08:49:15

标签: css list html-lists

我使用图像作为列表样式图像来创建漂亮的子弹点,但是它们没有正确地垂直对齐列表项。我已经玩过列表项的边距和填充,但不能垂直"纠正"他们。我需要做什么?

enter image description here

2 个答案:

答案 0 :(得分:1)

在css部分尝试background:url('image/path') left center no-repeat

答案 1 :(得分:1)

我认为您可以在 Adjust list style image position?

找到答案

使用位置属性topleft定位图片,然后使用填充来定位它们:

li {
  background: url(images/bullet.gif) no-repeat left top;
  padding: 3px 0px 3px 10px;
  margin: 0;
}