Liste öğeleri arasında dikey boşluğu nasıl ayarlayabilirim?

Bir <ul>eleman içinde , satırlar arasındaki dikey boşluk açıkça line-height özelliği ile biçimlendirilebilir.

Sorum şu, bir <ul>öğe içinde liste öğeleri arasındaki dikey aralığı nasıl ayarlayabilirim?

Kenar boşluğunu kullanabilirsiniz. Örneğe bakın:

http://jsfiddle.net/LthgY/

li{
  margin: 10px 0;
}

HTML

<ul>
   <li>A</li>
   <li>B</li>
   <li>C</li>
   <li>D</li>
   <li>E</li>
</ul>

CSS

li:not(:last-child) {
    margin-bottom: 5px;
}

DÜZENLEME: Son li öğesi için özel durumu kullanmazsanız, listenizde daha sonra burada görebileceğiniz küçük bir boşluk olacaktır: http://jsfiddle.net/wQYw7/

Şimdi bunu benim çözümümle karşılaştırın: http://jsfiddle.net/wQYw7/1/

Elbette bu eski tarayıcılarda çalışmaz, ancak bunu eski tarayıcılar için etkinleştirecek js uzantılarını kolayca kullanabilirsiniz.

IE8 desteği erdemine sahip olan buna meyilli olurum.

li{
    margin-top: 10px;
    border:1px solid grey;
}

li:first-child {
    margin-top:0;
}

JSFiddle

Bir ekleme marginsizin için lietiketleri. Bu, live etiketlerin line-heightiçindeki metne aralığı ayarlamak için kullanabilirsiniz li.

Çoğu zaman HTML e-posta patlamaları oluştururken stil sayfaları veya stil / stil blokları kullanamazsınız. Tüm CSS'nin satır içi olması gerekir. Madde işaretleri arasındaki boşluğu ayarlamak istediğiniz durumda li style = "margin-bottom: 8px;" her bir madde işaretinde. Piksel değerini beğeninize göre özelleştirin.

Listenin tamamına uygulamak için şunu kullanın:

ul.space_list li { margin-bottom: 1em; }

Ardından html'de:

<ul class=space_list>
<li>A</li>
<li>B</li>
</ul>

sözde sınıf kullanarak her liste için padding-bottom ayarlamak uygun bir yöntemdir. Ayrıca satır yüksekliği de kullanılabilir. Yazı tipi ailesi, Yazı tipi ağırlığı vb. Gibi yazı tipi özelliklerinin eşit olmayan yüksekliklerde rol oynadığını unutmayın.

<br>arası <li></li>satır girişleri, denediğim tüm web tarayıcılarında mükemmel bir şekilde çalışıyor gibi görünüyor, ancak çevrimiçi W3C CSS3 denetleyicisini geçemiyor. Bana tam olarak peşinde olduğum satır aralığını veriyor. Benim ilgilendiğim kadarıyla, şüphesiz işe yaradığından, W3C ne derse desin, birisi iyi bir yasal alternatif bulana kadar onu kullanmaya devam ediyorum.