2011-10-27 28 views
5

En iyisi Fiddle ile gösterilen? Bulduğum merkezleme püf noktaları, çocuk öğesi ebeveynlerden daha geniş olduğu için başvurmuyor.Merkezleme

Bu, saf CSS ile mümkün mü yoksa javascript'e başvurmalı mıyım?
JS gerekiyorsa, bunu yapmak için JQuery kodu kullanışlı mıdır?

cevap

6

böyle senin submenu için bir varsayılan width tanımlamak zorunda olabilir:

.sub-menu { 
    display: none; 
    position: absolute; 
    top: 20px; 
    left: 0; 
    white-space: nowrap; 
    text-align:center; 
    left:50%; 
    margin-left:-150px; 
    width:300px; 
} 
.active .sub-menu { 
    display:block; 
} 

Kontrol bu http://jsfiddle.net/sandeep/Jnttm/1/

+1

bana bir ver kişi downvote lütfen bana nerede olduğumu açıkla – sandeep

+0

Kim inandığından emin değilim, ama bu tam olarak istediğim şey. Alt menüde içerikten daha geniş olduğu için arka plan olsaydı işe yaramazdı, ama benim durumumda işe yarıyor. (Şimdi bunu uygulayabildim, alt öğe sayısıyla tam olarak doğru görünmüyor, fakat bu soru değildi: p) – Davy8

0

Bu alt menüler ortalar: ul > ul.sub-menu { position: absolute; left: 50%; transform: translateX(-50%) }