Главная > CSS > css: ul column-count — предотвратить разрыв внутри li

css: ul column-count — предотвратить разрыв внутри li

ul{
	list-style:none;
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
}
ul li{
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-moz-page-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid-column;
}

http://qaru.site/questions/34311/how-to-prevent-column-break-within-an-element

Categories: CSS Tags:
  1. 11 сентября,2021 в 15:52 | #1

    А вот если добавить в ul li первым правилом
    overflow: hidden;
    то работает :)

  2. 11 сентября,2021 в 15:47 | #2

    Ваше решение не работает.

Похожие публикации