2014-05-22 11 views
7

Neden bir ul iki sütuna böldüğümde mermilerini kaybediyor? HTML:Liste mermilerini yitirdi

<ul class="with-columns"> 
    <li>Ringo 
    <li>George 
    <li>John 
    <li>Paul 
</ul> 

CSS:

ul.with-columns{ 
    -moz-columns: 2; 
    -webkit-columns: 2; 
    -o-columns: 2; 
    columns: 2; 
    list-style-type:circle; /* Not works! */ 
} 

Örnek: http://jsfiddle.net/4xKea/

+0

@Ruddy bunun bir yerlerde olması gerektiğini biliyordum! .. – Cherniv

+0

Sanırım Alek doğru cevap verdi. Ancak bir not -

  • 'etiketini
  • ' ile kapatmanız gerektiğini düşünüyorum, örneğin,
  • Ringo
  • '. –

    +0

    @IgorReshetnikov, tam olarak değil: http://stackoverflow.com/a/3008735/1206613 – Cherniv

    cevap

    10

    bu deneyin:

    list-style-position: inside; 
    

    fiddle

    +0

    Magnificient! :) – Cherniv

    +0

    Çalıştığım için mutluyum :) –

    3

    J list-style-position: inside; içinde list-style-position: inside;'u ekleyin

    +0

    Maalesef, biraz geç – Xan

    +0

    Ohhhh .... Hayır ..... –