Как правильно настроить навигационную панель?

Я понимаю, много людей задают этот вопрос о том, как к центру панели навигации, но когда я применяю этот CSS, это центры, но она выравнивает панель навигации немного вправо:Как правильно настроить навигационную панель?

nav { 
    text-align: center; 
} 

nav li { 
    display: inline-block; 
}

Может ли это из-за некоторых элементов списка, имеющих разную длину, или вы считаете, что это другая проблема?

источник

2015-07-22 another user

Вопросы, требующие помощи по отладке («почему этот код не работает?») Должны включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –

спасибо, что XUFOX помогло мне у меня этот вопрос в течение длительного времени, но hasn - спросил он. Большое спасибо. –

@Paulie_D Хотя в целом такие вопросы должны содержать больше кода, чтобы добавить больше контекста, в этом случае, к счастью, достаточно распространенной проблемой для ответа на него без какого-либо HTML, просто зная, что CSS применяется по умолчанию. – Xufox

У вашего <ul> скорее всего есть padding-left, так как это значение по умолчанию. Просто проверьте его в инструментах разработчика.

nav { 
 
    background: #999; 
 
    text-align: center; 
 
} 
 
nav li { 
 
    background: #ccc; 
 
    display: inline-block; 
 
}

<nav> 
 
    <ul> 
 
    <li>Menu 1</li> 
 
    <li>Menu 2</li> 
 
    <li>Menu 3</li> 
 
    </ul> 
 
</nav>

40px of padding on the left is the default.

Просто нанесите padding-left:0; на соответствующий <ul>, чтобы исправить это.

источник

2015-07-22 13:41:03 Xufox

Как правильно настроить навигационную панель?

ответ

Смежные вопросы