Wie Richten Sie einen Link, HTML/CSS

Habe ich versucht, Folgendes zu tun, ebenso wie mit dem ausrichten nur mit a href und img-tags, aber ich kann immer noch nicht ausrichten, das klickbare Bild auf der Mitte der Seite.

HTML:

<a href="next.html" align="middle">
<img src="tlbr.png" align="middle">
</a>

Dem float-tag funktioniert auch nicht in irgendeiner Weise habe ich versucht, da, soweit ich informiert bin, gibt es keine Möglichkeit, float-center.

Jede Lösung, die direkt in HTML oder in der CSS, wäre toll. Danke.

InformationsquelleAutor | 2015-05-27
  1. 3

    Versuchen wie diesem: Demo

    a img {
margin:0 auto;    
display:block;
}
    InformationsquelleAutor G.L.P
  2. 1

    Hinzufügen display: block; text-align: center; zum href-link. Und versuchen Sie.

    InformationsquelleAutor stanze
  3. 1

    Füge dies in deine CSS -

    a img{
display: block;
text-align: center;
}

    JSFIDDLE DEMO

    InformationsquelleAutor Rahul Tripathi
  4. 1

    zunächst sollten Sie einstellen, Breite und anzeigen für Ihre ein element und Sie die Anzeige des img-tang und mit margin:0 auto um das Bild in der Mitte;

    HTML:

    <a href="#" align="middle" style="width:100%;display:block;background:#ccc;">
<img src="http://caster.ir/public/images/logo.png" align="middle" style="display:block; margin:0 auto;">
</a>

    InformationsquelleAutor Ehsan Aghaei
  5. 1

    Dem tag-Attribut align richtet das Bild vertikal mit Bezug auf die Linie. Die Tags nicht erkennen, das align-Attribut.

    Wenn Sie versuchen, um das Zentrum eines Bildes horizontal, dann möchten Sie vielleicht versuchen Sie, die folgenden:

    <a href="next.html">
<img id="myImg" src="tlbr.png" />
</a>

    Dann in deinem CSS-stylesheet:

    #myImg
{
margin-left:auto;
margin-right:auto;
}

    Hoffe, das hilft.

    InformationsquelleAutor Grimley
Schreibe einen Kommentar