Как разбить меню на два ряда вместо вывода всего одним списком?

Question

Нисон

css

Как разбить меню на два ряда вместо вывода всего одним списком?

Как настроить меню для отображения в 2 ряда, вместо того чтобы все элементы были в одной линии? <br/> <br/> Если применить данный код, элегантно отображается меню в 2 ряда. <br/> <pre><code class="css">.menu-general{
white-space: normal !important;
opacity: 0;
}
.menu-general-item{
    width: 0;
    max-width: 0;
}
.menu-general.harmonica-initialized{
    opacity: 1;
    width: 100%;
    position: relative;
    text-align:center;
}
.menu-general.harmonica-initialized .menu-general-item{
    max-width: 100%;
}
.menu-general .menu-general-item{ 
width: 200px;
}
.menu-general {
    display: inline-block;
}</code></pre>

25 апреля 2024 г. 12:00

Ответы на вопрос 1

Похожие вопросы

Answer 1

Для того чтобы разбить меню на два ряда, вы можете использовать CSS свойства для задания ширины элементов меню и их отображения в два ряда. 

Приведенный вами CSS код уже содержит необходимые стили для разбиения меню на два ряда, поэтому вы можете просто применить данный код к вашему меню. 

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