Question

是否有任何jQuery插件或CSS技巧可以让我这样做？

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

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

编辑：这两个div可以位于页面的任何位置，文本必须位于div内。

Answer 1

这远不是最好的解决方案，但从我的头脑中我就像这样做了：

http://jsfiddle.net/U79Kg/

这可能不是你想要的，但希望指向正确的方向！

Answer 2

您可以使用类似column-count的内容（仅限CSS3）。但不确定是否可以将第二列放在不同的位置。

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

此jQuery插件旨在将多个部分中的一个tekst（列，无论您想要调用它们）分开：http://welcome.totheinter.net/columnizer-jquery-plugin/

Answer 3

您只能使用CSS，使用这样的浮动框：http://jsfiddle.net/W4bHQ/

Answer 4

以下是基于两个假设的解决方案：

两个div中都可以存在相同的文字
'line-height'设置为很好地适合div

此解决方案使用CSS和一行JavaScript（jQuery）： http://jsfiddle.net/wzEXZ/1/

如何使一个div的溢出文本无缝移动到另一个div

4 个答案: