CSS3：列表项的顶部对齐

查看图片如下。我怎样才能对齐一个蓝色的箭头来对齐每个列表的一个地位。我使用的是jQuery 1.7，它适用于iOS（iPhone）。

align top http://www.kerrydeaf.com/align.png

ul.lists{ padding:0 0 15px 0;} 
ul.lists li{ line-height:18px; border-bottom:1px #bfeaf0 solid; padding:6px 12px;  
background:url(../images/arrow_cyan.svg) no-repeat left; } /* no-repeat left top; */

我试图包括JS胶印 $（ “李：最后一个”）偏移（{顶：-15}）。但它没有正常工作，因为我不知道如何移动所有的蓝色箭头来对齐每个列表，即使这句话可能会运行到多行。

更新：我已经试过这...

Top align http://www.kerrydeaf.com/align2.png

background:url(../images/arrow_cyan.svg) no-repeat left top;

最后更新：它现在解决了。 background：url（../ images/arrow_cyan.svg）no-repeat left 10px;

Top align http://www.kerrydeaf.com/align3.png

来源

2012-09-08 Irishgirl

尝试你的第三个CSS行更改为：'背景：网址（../图像/ arrow_cyan.svg）不重复左上角; ' – mqchen

使用CSS，卢克

ul.lists li { 
    background:url(../images/arrow_cyan.svg) no-repeat left top; 
}

来源

2012-09-08 21:39:30

我试过这个，这就是我上面看到的图像。 – Irishgirl

用您需要的精确像素偏移替换顶部参数（5px或6px或更多/更少）。一些尝试和一切将看起来像你需要的一样好。 –

你的意思是添加更多的白色图形来实现它或添加5ppx或6px而不是'顶部'？ – Irishgirl

我认为你可以

background-position:left top;

大卫，

来源

2012-09-08 21:38:31 David

为此使用了可能为负纵向价值背景，地位应该工作。确切的价值，你必须通过试验和错误来确定。

来源

2012-09-08 21:38:43 Asciiom

是的，它是反复试验。 – Irishgirl

CSS3：列表项的顶部对齐

回答

相关问题