RGameShow
@RGameShow
В поисках ответов на глупые вопросы

Как убрать баг у списка, после разбиения его на 2 столбца?

Разбил ul список меню на 2 столбца, код ниже:
header#header.header ul li ul.dropdown-menu{
    width: auto;
    top: 35px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 2;
    -webkit-column-rule: 1px solid lightgray;
    -moz-column-rule: 1px solid lightgray;
    column-rule: 1px solid lightgray;
}


Но при наведении появился подобный баг с последним пунктом в столбце, почему-то пару его пикселей ушло во второй столбец...

5d5a4f9b4f46a111409363.jpeg

Как исправить?
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
Чтобы запретить частичный перенос элементов в другую колонку, используйте для элементов свойство break-inside: avoid;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы