2013-05-29 2 views
0

Хорошо, поэтому я просмотрел различные сообщения в StackOverflow, посвященные проблеме центрирования навигационного div. Решение представляется таким:Не удается Center Nav Div

.menu { 
    text-align: center; 
} 

Но независимо от того, что div обертывает вокруг nav, я использую это, он ничего не делает. Вы можете увидеть проблему в http://www.dustinlee.co

Я использую эту структуру: https://github.com/jbckmn/naked-wordpress

Уведомление навигации находится на левой стороне. Еще более странно, когда вы изменяете размер окна, он начинает почти до центра.

Добавление даже больше к моему путанице является тот факт, что она обернута в этом:

<nav class="site-navigation main-navigation"> 

который, кажется, ассоциируется с чем в стилях.

ответ

1

добавить к вашей CSS

header nav ul{display:inline-block;} 
+0

Вау, это сработало. Я бы никогда не подумал об этом. Не могли бы вы кратко объяснить, как вы пришли к такому выводу? Спасибо за помощь, я ценю это! –

+0

Это хорошо работает при ширине экрана 490 пикселей и ниже. Затем он начинает двигаться немного влево. –

+0

настройка браузера по умолчанию для ul: display - block - что делает невозможным центрирование с выравниванием текста. встроенный блок - делает его блоком, а также отображает в строке. см. Http://www.w3schools.com/cssref/pr_class_display.asp – Mark