Мне нужно центрировать блок (тот с красным фоном), который содержит все пункты меню внутри экрана.Как разместить пункты меню центра
Чтобы лучше понять, пожалуйста, посмотрите на эту скрипку: https://jsfiddle.net/dforce/mf9h78vn/3/
Инструкция CSS:
margin:auto;
кажись не работает.
Большое спасибо за вашу помощь!
Попробуйте этот путь тогда, и скажите нам, если это то, что вы хотели :)
ul.main-menu {
display: table;
margin: auto;
}
У меня есть проблемы с этим меню https://jsfiddle.net/dforce/mf9h78vn/15/
После этого меню отображается на разрешение выше, чем 979px это смотреть если я уменьшаю окно браузера, я нажимаю на элемент меню, когда я снова увеличиваю меню, он теряет выравнивание в центре и выравнивается влево.
Как это возможно?
Я пытался использовать команду:
display:inline-block
Вы можете увидеть пример здесь: http://www.piedicosta.com/joomla3/it/
До сих пор не работает. Можете ли вы справиться со скрипкой? – Filippo
Хорошо, я понял, ну, думаю, lol, Ill update my post! –
Это очень хороший учебник для альтернативного решения: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ –