2010-05-21 4 views
2

J'ai JavaScript qui crée dynamiquement beaucoup de balises <img> et les ajoute à divers divs.Empêcher les balises HTML <img> de Wrapping

Je souhaite empêcher l'enroulement de ces images. Autrement dit, lorsque la résolution de l'écran ne suffit pas à les contenir, le navigateur doit créer des barres de défilement horizontales au lieu de l'encapsuler.

Répondre

1

en CSS

div { 
overflow: auto; 
} 
+0

Il est à noter que cela ne respecte pas * strictement * les exigences spécifiques des * barres de défilement horizontales *, «overflow-x: auto» pourrait être mieux. Mais je ne suis pas sûr si l'OP * signifiait * spécifier seulement des barres de défilement horizontales, ou pas. –

+0

L'ajout de cette propriété ne fonctionne pas. – ILCARTOLAiO

3

Ajouter le CSS suivant les div contenant les img tags:
overflow-x: auto; white-space: nowrap;
afin d'obtenir une barre de défilement horizontale lorsque le contenu est plus large que la div et pour empêcher le contenu de l'emballage .

+0

J'ai beaucoup de ces divs, donc cela fonctionne, mais je dois le définir uniquement sur le div "conteneur". Merci. – ILCARTOLAiO

Questions connexes