【问题标题】:CSS list style image position relative to list itemCSS 列表样式图像相对于列表项的位置
【发布时间】:2017-05-25 16:53:24
【问题描述】:

我使用图像作为列表样式图像来创建漂亮的项目符号点,但是它们没有正确垂直对齐到列表项。我玩过列表项的边距和填充,但不能垂直“纠正”它们。我需要做什么?

【问题讨论】:

    标签: css list html-lists


    【解决方案1】:

    我想你可以在这里找到答案Adjust list style image position?

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

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

    【讨论】:

    • 太棒了,谢谢!背景:url(images/bullet.gif)不重复左中心;也有效,它使子弹完全垂直!
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2011-09-01
      • 2015-08-15
      • 2018-01-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-04-13
      • 1970-01-01
      相关资源
      最近更新 更多