Я хочу разделить текст на два столбца с помощью CSS, но когда div меньше 200px, я не хочу, чтобы он был разделен.И, конечно же, мне нравится, когда текст разбивается на части, когда он разделен.
К сожалению, на самом деле не существует параметра 'orphan', который действительно работает.Я перепробовал все остальные параметры.Я сейчас использую этот код, но тогда столбцы не сбалансированы.
'' 'css
.entry-content {
min-height:300px;
}
.entry-single .entry--item:not(.entry-title):last-child, .entry-single
.entry-thumbnail:last-child {
margin-bottom: 0;
width: 100%;
columns: 2 200px;
max-height: 650px;
column-fill: auto;
}
Поэтому я бы хотел, чтобы заполнение столбца было сбалансированным, но только если его высота превышает 300 пикселей.