У меня нет прямого ответа, но есть несколько вещей, о которых вы должны подумать.
Мне кажется, что то, что вы ищете, является комбинацией многоколоночного макета CSS3 (см. http://www.quirksmode.org/css/multicolumn.html например) и ограничение отображаемого содержимого фиксированной высотой.
Моей первой мыслью было бы создать одно представление, которое получит больше, чем нужно, отобразить его с помощью столбцов CSS3 и установить переполнение.скрытый;для контейнера, так что дополнительный текст просто скрыт.
Если вам нужно узнать более подробно, вам, возможно, придется покопаться в системе рендеринга представлений, чтобы ограничить общее количество узлов на основе количества отрисованных символов.
Но так как вашжелаемое ограничение более наглядно, чем ориентированное на данные, я думаю, что наиболее практичным подходом будет использование javascript для определения высоты текста и состояния переполнения.
Есть некоторые вещи, которые неясны в отношении ваших требований.Какова цель двух типов контента?Отображается ли один слева, а другой справа?Или это просто два разных типа контента, которые должны вести себя одинаково, но мы видим только один тип контента за раз на данной странице?Что должно случиться с переполненным контентом?Должно ли оно появиться динамически на странице 2, затем 3, затем 4 и т. Д.
Одна прощальная мысль: может быть, загрузите ВСЕ содержимое, которое вы хотите просмотреть, прямо в браузер.Может быть, это начнется скрытно.Затем используйте javascript для его отображения, отформатируйте в столбцы и также используйте javascript для обработки страниц.