Centrage d'une image dans un élément d'ancrage

J'ai un point d'ancrage d'un élément qui ressemble à ceci

<a href="url"><img src="imgurl"/>Text</a>

Je souhaite que l'image et le texte de l'élément ancrage pour alignées à la verticale. J'ai essayé d'ajouter vertical-align (css), le rembourrage, les marges, l'ets, mais l'image ne sera pas à la verticale de l'harmoniser avec le texte.

OriginalL'auteur NullReference | 2009-09-03

  1. 24

    Verticale aligner seulement s'applique vraiment à éléments frères. Cela devrait fonctionner:

    <a href="url"><img scr="imgurl"/><span>Text</span></a>

    Avec CSS:

    a img, a span { vertical-align: middle; }
    Merci, cela a très bien fonctionné. Je savais que cela devait être quelque chose de simple.

    OriginalL'auteur DisgruntledGoat

  2. 1

    Comment voulez-vous dire "verticalement " aligner"? Devraient-ils être les uns à côté des autres, ou sur le dessus de? Dans le cas d'à côté les uns des autres, le texte devrait être aligné avec le haut, au centre ou en bas de l'image?

    Si votre problème est qu'ils sont affichés sur le dessus de chaque autre à la place d'à côté, d'ajouter ceci dans votre css:

    a img { display: inline; }

    Si votre problème est à l'opposé, ajouter ceci:

    a img { display: block; clear: both; }

    et voir si cela aide.

    OriginalL'auteur Tomas Aschan

  3. 0

    La Bonne Façon d'Aligner des Images et des Icônes avec des Balises d'Ancrage est

    Dans votre css

    a {
   background: transparent url(/images/your_image) scroll no-repeat left center;
   padding: 2px 0px 2px 20px; //fit as you need
}

    Dans votre code HTML

    <a href="url">Text</a>
    Qu'en soit la raison qui rend cette méthode de Manière Adéquate?

    OriginalL'auteur Pablo V