Zentrierung mehrere Bilder im CSS nebeneinander

Ich bin Anfänger in CSS und HTML, so dass ich bin sicher, dies ist eine Sauerei. Aber was ich versuche zu tun, ist center 3 Bilder nebeneinander in einem horizontalen center in CSS. Ich habe versucht, verschiedene Lösungen bekommen haben Sie richtig schließen aber das Sie noch stecken bleiben auf der linken Seite der Seite oder stapeln auf der jeweils anderen (und manchmal überschneiden sich).

<div id="imagesMain">
    <img src="IMG_20140930_140020.jpg">
    <img src="IMG_20140922_164619.jpg">
    <img src="IMG_20140608_181811.jpg">
</div>

Und mein CSS:

#imagesMain{
    display: inline-block;
    position:relative;
    padding: 0;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    text-align:center;
}
#imagesMain img{
    height: 400px;
    width: 300px;
    vertical-align: center;
}

Die Bilder standardmäßig sind riesig. die 2. CSS-block-Größe, aber ich kann nicht bekommen Sie zu viel anderes zu tun. Irgendwelche Ideen?

  • Sie sagen, Bilder sind in verschiedenen breiten und Höhen und Sie wollen, dass Sie horizontal und vertikal zentriert?
  • Randnotiz: vertical-align: center; ist nicht gültig.
  • Das ist keine Randnotiz, Mann, das ist der wichtigste Punkt. :)
  • Überprüfen Sie, mein update ! 🙂
InformationsquelleAutor someoneelse6 | 2015-12-23
Schreibe einen Kommentar