李的背景图像

Question

我正在使用< li >元素的背景图片作为项目符号，但有一个问题：如果列表中的一项（我的意思是< li >）包含大项文本，例如长句，可以在页面上以2-3行（行）显示，因此子弹点位于这2-3行的中间，看起来很糟糕。

当我只有一行文字时，一切看起来都很完美。

我的问题如下，我需要在第一行之间间接地将其放置在开头！

这是我的代码。

.has-textlist ul li {
    background: url("../images/bullet.png");
    background-position:  0% 50%;
    background-size: 7px 5.5px;
    background-repeat:no-repeat;
    list-style-type:none;
    padding-left: 20px;
}

Answer 1

背景位置就是答案

background-position: 0 0;

取决于你的数量和设置。

我会很高兴为你做个小提琴：

FIDDLE

Answer 2

您知道可以自定义List Bullet Point Image吗？ 使用此属性：

ul { list-style-image:url('../images/bullet.png');}

出于您的目的，我猜它会处理。