2011-02-12 22 views
22

İkinci bir satıra sarılmış ve içeren UL içinde yatay olarak ortalanması gereken sıralanmamış bir listem var. Her bir LI, bir set genişlik ve yüksekliktir. Tek bir çizgi için çalışan birçok yaklaşım gördüm, ama denediğim hiçbir şey liste ikinci bir satıra sarıldığında çalışmıyor. Eğer IE7 + 'da çalıştıysa bu ideal olurdu - Yardımın için teşekkürler.Sıralanmamış Listede Çok Satırlı Liste Öğelerinin Yatay Ortalaması

açıklaması için buraya bakınız:

illustration İşte http://grab.by/8UIl

cevap

32

Bulabildiğim en iyi yöntemdir.

ul li { 
    /* make list elements fall inline as block elements */ 
    position: relative; 
    display: inline-block; 
    /* next two lines only for display purposes */ 
    text-align: center; 
    border:1px solid red; 
} 
/* horizontally center ul element */ 
ul { text-align:center; } 

Örnek için bağlantısına bakın: http://jsfiddle.net/gfkPG/

+0

OMG LOL - Böyle basit bir çözüm - bu kadar karmaşık alternatif çözüm kullanılması gereğine için kullanılan, ben bariz bakmak unuttum. Çok teşekkürler! – John

+0

Üzgünüm, silahı oraya atladım, bu sebeple IE7'de çalışmıyor. – John

+4

Her zaman IE için bir korsanlık olmalı :) İşte bulduğum şey: zoom: 1; * display: inline; şartlı bir CSS'de hile yaptı. Tekrar teşekkürler. – John

İlgili konular