una div ancha con ancho ilimitado

Question

¡Tengo un gran problema!

Usted sabe, un div predeterminado width es 100% (del padre). Y si su ancho de contenido es más del 100% (100% = 1440px), div muestra contenido en líneas múltiples.

Ahora, si quiero, el div muestra su contenido en una línea, ¿qué debo hacer? mira el código simple ::

<div> 
    <div>aaa</div> 
    <div>bbb</div> 
    <div>ccc</div> 
    <div>ddd</div> 
    ......(more than 100 other div, with unknown width) 
</div> 

NOTA: No conozco el ancho del contenido.

Probé display: inline; y display: inline-block; y display: table;. ellos no funcionaron

NOTA 2: Intenté display: -moz-box;. Funciona, pero solo en FIREFOX! Gracias ...

Answer 1

La forma más sencilla es utilizar white-space: nowrap en la matriz, y display: inline-block en los niños:

Ver:http://jsfiddle.net/4Yv83/

También he añadido overflow-x: auto, debido presumiblemente don't want this.

Answer 2

Solo diga al texto dentro del div que no se envuelva.

div { 
    white-space: nowrap; 
} 

Answer 3

unos pocos años pasaron pero ... yo creo que sería mejor establecer desbordamiento a escondidas, ya que no es necesario para mostrar todos los elementos de los niños a la vez. utilizamos este tipo de diseño en componentes similares a los de la diapositiva. entonces sugiero configurar "overflow: hidden" para el elemento padre.

/* for parent element */ 
overflow: hidden;