Ну чтоб уж до конца: разбивка на куски,
если таки нужна именно она, а не то что я предложил в начале, будет выглядеть упрощённо как-то так:
<style type="text/css">
div {width:33%;height:140px;border:1px solid #000;float:left;overflow:hidden}
div#content{width:99%;height:auto;border:0;}
</style>
<div id="e1"></div>
<div id="e2"></div>
<div id="e3"></div>
<div id="content">
В 1797, в десятилетнем возрасте стал студентом Франсуа Девьенна и Иоганна Георга Вундерлиха в Парижской консерватории. В те времена каждый флейтист, желавший получить диплом об окончании консерватории, должен был выиграть первый приз на ежегодном конкурсе флейтистов, и Гийю добился его в 1805 г. С 1816 г. Гийю — придворный музыкант короля Людовика XVIII, а в 1822—1826 годах солист оркестра Гранд-Опера. С 1819 по 1829 гг. Гийю профессор Парижской консерватории. Среди его учеников Луи Дорюс.
Гийю был весьма обеспеченным человеком, однако какие-то значительные финансовые проблемы возникли в его жизни, и к концу 1820-х Гийю потерял все состояние. С 1829 он вынужденно начал активно гастролировать по Европе и, в конечном счете, с 1831 года навсегда обосновался в Санкт-Петербурге.
</div>
<script type="text/javascript">
c=document.getElementById('content').innerHTML.split(' '); //разбиваем текст на слова
i=0;
function cut(e) {
var e=document.getElementById(e),h=e.offsetHeight;i--;
while(e.scrollHeight<=h)e.appendChild(document.createTextNode(' '+c[++i])); //пока высота текста меньше высоты блока - добавляем по слову
e.removeChild(e.lastChild); //убираем последнее добавленное слово, которое вышло за заданные границы
}
cut('e1');
cut('e2');
cut('e3');
</script>
Но всё равно лучше так не делать)
