html - 李的背景图片

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

Do you know you can customize your List Bullet Point Image? Use this property:

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

For your purposes, I guess it will handle.

Answer 2

背景位置是答案

background-position: 0 0;

取决于您的任何数字和设置。

我会很好，为你做一个小提琴：

小提琴