Question

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包含为偏移量 $（“li：last”）。offset（{top：-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

Answer 1

我认为你可以用

做到这一点

background-position:left top;

大卫，

Answer 2

使用CSS，Luke

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

Answer 3

使用可能为负垂直值的背景位置应该有效。您必须通过反复试验确定的确切值。

CSS3：列表项的顶部对齐

3 个答案: