Prevenir envoltura de contenedores (span o div)
Me gustaría poner un grupo de elementos div de ancho fijo en un contenedor y hacer que aparezca la barra de desplazamiento horizontal. Los elementos div / span deben aparecer en una línea, de izquierda a derecha en el orden en que aparecen en el HTML. (esencialmente sin envolver)
e esta manera, aparecerá la barra de desplazamiento horizontal y se puede usar en lugar de la barra de desplazamiento vertical para leer el contenido (de izquierda a derecha).
He intentado flotarlos en un contenedor y luego poner un estilo "white-space: nowrap" en el contenedor, pero, por desgracia, todavía parece envolverse. Ideas?
Se veía así:
.slideContainer {
white-space: nowrap;
}
.slide {
width: 800px;
float: left;
display: inline;
}
<div class="slideContainer">
<div class="slide">Some content</div>
<div class="slide">More content</div>
<div class="slide">Even More content!</div>
</div>
Update: Versiti por ejemplo, pero se equivocaron al no ser de otra manera, estoy seguro de que el artículo es antiguo.