Je dois créer un conteneur DIV contenant plusieurs autres DIV. Il est demandé que ces DIV ne s'enroulent pas si la fenêtre du navigateur est redimensionnée pour être étroite.Comment faire un DIV ne pas envelopper?
J'ai essayé de le faire fonctionner comme ci-dessous.
<style>
.container
{
min-width: 3000px;
overflow: hidden;
}
.slide
{
float: left;
}
</style>
<div class="container">
<div class="slide">something</div>
<div class="slide">something</div>
<div class="slide">something</div>
<div class="slide">something</div>
</div>
Cela fonctionne dans la plupart des cas. Cependant, dans certains cas particuliers, le rendu est incorrect. J'ai trouvé le container DIV à 3000px largeur dans RTL d'IE7; et ça devient sale.
Existe-t-il un autre moyen de rendre un conteneur DIV inutilisable?
i ajouté ce tag: ** white-space: nowrap; ** et cette balise: ** text-overflow: ellipsis; ** à mon code –