小编典典

调整列表样式图像位置?

all

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

当我对列表项使用填充时,图像将保持在其位置并且不会随着填充移动......


阅读 68

收藏
2022-08-05

共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 List Apart
文章
有一个很好的入门参考。

2022-08-05