Cómo hacer que el texto desbordado de un div se mueva sin problemas a otro div

¿Hay algún complemento de jQuery o truco de CSS disponible que me permita hacer esto?Cómo hacer que el texto desbordado de un div se mueva sin problemas a otro div

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

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

EDITAR: Estos 2 divs se pueden ubicar en cualquier lugar de la página y los textos deben residir dentro de los divs.

Fuente

2012-03-06 intellidiot

+1 pregunta interesante – Hubro

¿Puede existir el mismo texto en ambos divs (p histéricamente, no visualmente)? – MMM

esto está lejos de ser la mejor solución, pero desde la parte superior de mi cabeza me gustaría hacerlo como esto-ish:

http://jsfiddle.net/U79Kg/

Esto puede que no sea lo que buscas, ¡pero con suerte, un indicador en la dirección correcta!

Fuente

2012-03-06 11:30:03

Sí. Probablemente podría haber una manera más elegante, pero este es el tipo de solución que estoy buscando. – intellidiot

Puede usar algo como column-count (CSS3 solamente). Aunque no estoy seguro si puede colocar la segunda columna en un lugar diferente.

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

Este plugin jQuery está diseñado para dividir una tekst en varias secciones (columnas, lo que quieras llamarlos): http://welcome.totheinter.net/columnizer-jquery-plugin/

Fuente

2012-03-06 11:14:27 Tim

Pero el recuento de columnas no es una mierda, ya que OP quiere – sandeep

Esto no se trata de columnas adyacentes en realidad. Los 2 divs pueden residir en cualquier parte del dom. – intellidiot

Puede hacerlo sólo con CSS, usando las cajas flotantes como esto: http://jsfiddle.net/W4bHQ/

Fuente

2012-03-06 11:16:53 arthur

En su demostración, en realidad está empujando una parte del texto hacia la izquierda y otra hacia la derecha. Pero mi pregunta original no es esa. Los textos tienen que vivir dentro de esos 2 divs. Y esos 2 divs pueden residir en cualquier parte de la página. – intellidiot

Aquí es una solución basada en dos suposiciones:

El mismo texto puede existir en ambos divs
'line-height' se ajusta para adaptarse a la div bien

Esta solución utiliza CSS y una línea de JavaScript (jQuery): http://jsfiddle.net/wzEXZ/1/

Fuente

2012-03-06 13:23:33 MMM

Agradable. Creo que querías decir $ ("# b"). ScrollTop ($ ("# a"). InnerHeight()); de lo contrario, tienen que ser de la misma altura. También supongo que todavía tienen que tener el mismo ancho, etc. – nafg

Cómo hacer que el texto desbordado de un div se mueva sin problemas a otro div

Respuesta

Cuestiones relacionadas