Использование функции столбца для разделения текста на два столбца, за исключением случаев, когда содержание является небольшим - PullRequest
0 голосов
/ 27 июня 2019

Я хочу разделить текст на два столбца с помощью 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 пикселей.

...