2016-03-23 20 views
0

Birisi lütfen bana yardım edin. Numaralandırmayı hariç tutulan HTML liste öğesini diğer numaralı öğelerle hizalamak istiyorum. Aşağıdaki liste yapısında olduğu gibiHariç tutulan liste öğesi sayfa marjı ile nasıl hizalanır?

.

1.List madde
2.List madde
BU

  1. Liste öğesi
  2. Liste item2
    liste öğesi atlanır DEĞİL liste et

    atlanır

.caption { 
 
    display: block; 
 
}
<ol> 
 
    <li>List item</li> 
 
    <li>List item</li> 
 
    <li class="caption">skipped List item</li> 
 
</ol>

cevap

1

Listede list-style-position: inside kullanabilir ve o zaman sadece Ayrıca `kullanabilirsiniz list-style-type: none

ol { 
 
    list-style-position: inside; 
 
    padding-left: 0; 
 
} 
 

 
.caption { 
 
    list-style-type: none; 
 
}
<ol> 
 
    <li>Lorem ipsum dolor.</li> 
 
    <li>Lorem ipsum dolor.</li> 
 
    <li class="caption">skipped list item</li> 
 
</ol>

+1

ile belirli liste öğesinden numarayı kaldırmak: (n'inci-çocuk ) yerine bir sınıf. Bilgi: http://www.w3schools.com/cssref/sel_nth-child.asp –

+0

Teşekkür ederiz. Bu gerçekten yardımcı oldu! – Dirquez

İlgili konular