Question

我正在尝试创建一个关注子弹列表（ul li）

我有这个：

ul {
    list-style: none;
    list-style-type: none;  
    padding: 0px;
    margin: 0px;
}

ul li {
    background-image: url(img/bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 10px; 
}

结果文字：

o            some text
o         some other text
o    and again some other text

主要文本居中，我希望子弹也对齐到中心（文本左侧旁边）文字对齐没有帮助

怎么做？

Answer 1

您可以使用:before伪元素使用白色子弹unicode char（\25e6）渲染子弹，如下所示：

ul li:before {        
  content:'\25e6';
  margin-right:5px;    
  vertical-align:middle;
  font-size:1.5em;
  line-height:0;
}

自定义ul li，将子弹对齐到中心（作为文本）？

1 个答案:

Demo.