Zentrieren Sie ein Bild für die responsive website

So, dass ich ein responsive design für eine Schule Zuordnung, und ich bin versucht zu zentrieren, ein Bild der Breite.

ich skaliert das Bild in photoshop, damit ich nicht haben, eine beliebige Breite oder Höhe für das Bild

dies ist, was ich nun habe, aber das funktioniert nicht

<header>
<img src="afb%20/logo3.png" alt="logo3" width="" height="" />
</header>

header{
width: 100%;
margin-left: auto;
margin-right: auto;
}

Kann mir jemand helfen ? wirklich brauchen !

vielen Dank im Voraus

InformationsquelleAutor Nick Zijlstra | 2012-06-06

  1. 3

    Setzen Sie einfach text-align: center im header CSS.

    Sind Sie derzeit machen die header-Breite 100%, so dass Ihre Ränder nicht gelten. Furthurmore, da Ihr container ist 100% breit und es gibt keine text-Ausrichtung, die img wird IMMER ausgerichtet auf der linken Seite.

    Hier:

    header { width: 100%; text-align: center; }​

    http://jsfiddle.net/xMPZ4/

    Ich danke Ihnen sehr !

    InformationsquelleAutor Tony Bogdanov

  2. 3
    .center{margin: 0px auto; display: block;}

<header><img src="updates_button.jpg" alt="logo3" class="center"></header>
    Resolveu meu problema perfeitamente.

    InformationsquelleAutor AR.

  3. 0

    Könnten Sie ein logo hinzufügen-Klasse, um das Bild und setzen Sie das CSS aus : margin:0px auto; width:200px; natürlich ersetzen die Breite des Bildes...

    InformationsquelleAutor user3259831

Schreibe einen Kommentar