Как сделать так, чтобы переполненный текст одного div легко переходил в другой div

Question

Есть ли какой-нибудь плагин jQuery или CSS-трюк, позволяющий мне это сделать?

   +---------------+
   |This is a      |
   |very long      |
   |text in this   |
   |div which will |
   |overflow and   |
   +---------------+        

                      +---------------+
                      |spill into     |
                      |this div.      |
                      |               |
                      |               |
                      |               |
                      +---------------+

РЕДАКТИРОВАТЬ: эти 2 элемента div могут быть расположены в любом месте страницы, и тексты должны находиться внутри элементов div.

Answer 1

Это далеко не лучшее решение, но изо всех сил я бы сделал это так: иш:

http://jsfiddle.net/U79Kg/

Возможно, это не то, что выпосле, но, надеюсь, указатель в правильном направлении!

Answer 2

Вот решение, основанное на двух предположениях:

1. Один и тот же текст может существовать в обоих div
2. 'line-height' настроено так, чтобы соответствовать div

Это решение использует CSS и одну строку JavaScript (jQuery): http://jsfiddle.net/wzEXZ/1/

Answer 3

Вы можете сделать это только с помощью CSS, используя плавающие поля вроде этого: http://jsfiddle.net/W4bHQ/

Answer 4

Вы можете использовать что-то вроде column-count (только CSS3). Однако не уверен, что вы можете расположить второй столбец в другом месте.

div{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

Этот плагин jQuery предназначен для разделения одного текста на несколько секций (столбцов, как бы вы их ни называли): http://welcome.totheinter.net/columnizer-jquery-plugin/