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

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

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

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

EDIT: эти 2 div могут быть расположены в любом месте страницы, и тексты должны находиться внутри div.

Ответы

Ответ 1

Это далеко не лучшее решение, но с вершины моей головы я бы сделал это так: ish:

http://jsfiddle.net/U79Kg/

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

Ответ 2

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

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

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

Ответ 3

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

Ответ 4

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

  • Тот же текст может существовать и в div div
  • 'line-height' устанавливается так, чтобы соответствовать div

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