Forcer les images à ne pas s'enrouler

Je ne peux pas toucher le code html de thème, mais j'ai accès aux fichiers css.

<div class="photos">
    <img src="a.jpg" alt="" align="left" /> 
    <img src="b.jpg" alt="" align="left" />
    <img src="c.jpg" alt="" align="left" />  //align makes the images wrap
</div>

Malheureusement je ne peux pas retirer align="left" à partir des images sinon ce bout de code CSS aurait fait le travail

.photos{
    white-space: nowrap;
}
.photos img{
    display: inline;
    vertical-align: top;
}

Des idées? Est-il même possible de faire de ces images en ligne-jusqu'à l'horizontale, sans l'aide de la force d'une table et uniquement avec du CSS?
Un grand Merci à l'avance!

source d'informationauteur Mohammad | 2010-06-09

  1. 19

    Essayer float: none; :

    .photos img{
  display: inline;
  vertical-align: top;
  float: none;
}
  2. 1

    Essayez ceci:

    .photos img{
    display: inline;
    vertical-align: top;
    clear: both; //clears the floating
}

    Vous pouvez en savoir plus sur le CSS clear bien sur W3Schools.

    MODIFIER

    Désolé j'ai mal lu. Pensé que vous étiez d'essayer de les empiler. Vous avez le droit d'aller avec float: none, ou clear: right qui serait également nier le flotteur. Je serais probablement aller avec à la fois de jouer en toute sécurité sur IE est parfois fou CSS hypothèses! 😉