Как центрировать навигационное меню - левый край пункта меню и правый край должны быть в центре? - PullRequest
Новая
       33

Как центрировать навигационное меню - левый край пункта меню и правый край должны быть в центре?

0 голосов
/ 12 февраля 2019

Я хочу сделать выпадающее меню из 9 пунктов меню.Он должен быть в 2 ряда (5 + 4 элемента), и его элементы должны быть отцентрированы, но при создании его по центру я добавил 20% ширины для li, чтобы получить 5 элементов в одном ряду.Когда он был сделан по центру, он сделал text-align : center для li, но это не работает, потому что имена элементов списка различаются, поэтому край верхнего элемента и край нижнего элемента не совпадают.Смотрите прикрепленное изображение здесь 

          <li class="menu">
                <i class="fa fa-angle-down "></i>
                <div class="dropmenu">
                        <div class="inner-dropmenu">
                            <ul class="sub-menu">
                                <li><a href="#"><span class="nav nav"></span> Link1</a></li>
                                <li><a href="#"><span class="nav nav1"></span> Link222</a></li>
                                <li><a href="#"><span class="nav nav2"></span> Link33</a></li>
                                <li><a href="#"><span class="nav nav3"></span> Link4444</a></li>
                                <li><a href="#"><span class="nav nav4"></span> Link_a </a></li>
                                <li><a href="#"><span class="nav nav5"></span> Link9</a></li>
                                <li><a href="#"><span class="nav nav6"></span> Link_bb </a></li>
                                <li><a href="#"><span class="nav nav7"></span> Link_ccc</a></li>
                                <li><a href="#"><span class="nav nav8"></span>Link_dd</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
...