В чем может быть ошибка при разбиении на колонки(column-count)?

Question

[Лариса]

При резайзе ошибка ввиде черточки, то есть то нет

при наведении она показывает адрес нижней ссылки левого столбца, но строка не имеет ни одного пробела

<li class="mytest-item_inner"><a href="#">Кровати</a></li>

код для отладки не помогает, ошибка не появляется

Может кто-то сталкивался с такой напастью?

Comments

[Алекс Глебов]

для li
display: inline-block;
width: 100%;
попробуй

[Лариса]

Алекс Глебов: отлично сработало
большое спасибо за помощь!

[monochromer]

Сталкивался с подобной проблемой - галочка от кастомного чекбокса частично рисовалась в другой колонке. Решил задачу регулировкой padding на элементах списка.

И обязательно break-inside: avoid - на самих ссылках.

[cssfish]

Я долгое время пытался использовать column- для колонок, но обилие багов меня задолбало, и от этой идеи отошел, чего и вам желаю.
Но если охота попробовать... проблема тут в том, что браузер переносит содержимое элемента из первой строки во вторую (это не черточка, это низ буквы "р"). Запретить такой перенос можно с помощью column-break-inside: avoid; Но это только для вебкита работало, так что можно дополнить overflow, итого что-то типа

LI {
	-webkit-column-break-inside: avoid;
	overflow:hidden;
}

вместо overflow пойдет и display:table; +width:100% или display:inline-block; +width:100%

но в целом повторюсь - это очень нестабильная штука, к сожалению

[Евгений Карпов]

Алекс Глебов, да, решение

Answer 1

[Максим Федоров]

Где-то тег не закрыт, разные моменты бывали вроде этого...
Откройте в хорошем редакторе именно исходный код, браузер мог перестроить верстку, потому консоль не всегда вариант