小编典典

调整清单样式图片的位置?

css

有没有办法调整列表样式图像的位置?

当我对列表项使用填充时,图像将停留在其位置,并且不会随着填充而移动…


阅读 314

收藏
2020-05-16

共1个答案

小编典典

并不是的。您的填充(可能)将应用于列表项,因此只会影响列表项中的实际内容。

结合使用 背景 样式和 填充 样式可以创建看起来类似的内容,例如

li {
  background: url(images/bullet.gif) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 3px 0px 3px 10px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

您可能希望将样式添加到父级列表容器(ul)中,以放置项目符号列表项,此A ListApart文章提供了很好的入门参考。

2020-05-16