Cách tạo văn bản bị tràn của một div để di chuyển liền mạch sang một div khác

Question

Có bất kỳ plugin jQuery hoặc thủ thuật CSS nào có sẵn cho phép tôi thực hiện việc này không?

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

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

EDIT: 2 div này có thể được đặt ở bất kỳ đâu trong trang và văn bản phải nằm trong div.

Answer 1

này còn lâu mới là giải pháp tốt nhất nhưng từ đỉnh đầu của tôi, tôi muốn làm điều đó như thế này-ish:

http://jsfiddle.net/U79Kg/

Đây có thể không phải là những gì bạn đang theo dõi nhưng hy vọng một con trỏ đi đúng hướng!

Answer 2

Bạn có thể sử dụng một cái gì đó như column-count (chỉ CSS3). Bạn không chắc chắn liệu bạn có thể định vị cột thứ hai ở một vị trí khác không.

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

jQuery plugin này được thiết kế để phân chia một tekst trong nhiều phần (cột, bất cứ điều gì bạn muốn gọi cho họ): http://welcome.totheinter.net/columnizer-jquery-plugin/

Answer 3

Bạn có thể làm điều đó với chỉ CSS, sử dụng hộp nổi như thế này: http://jsfiddle.net/W4bHQ/

Answer 4

Đây là một giải pháp dựa trên hai giả định:

1. Các văn bản tương tự có thể tồn tại trong cả hai divs
2. 'line-height' được thiết lập để phù hợp với div độc đáo

Giải pháp này sử dụng CSS và một dòng JavaScript (jQuery): http://jsfiddle.net/wzEXZ/1/