Comment centrer l'alignement IMG dans div?comment centrer l'alignement IMG dans div?

<div id="head"> 
    <div id="panel"> 
    <img/> 
    <a href="#"><img/></a> 
    <a href="#"><img/></a> 
    <a href="#"><img/></a> 
    </div> 
</div>

Img ont des largeurs et des hauteurs différentes.

css:

#head{ 
    float:right; 
    margin:15px 100px 30px 30px; 
    text-align:center; 
    height:20px; 
    width:160px; 
} 
#panel img{ 
    margin-left:10px; 
    text-align:center; 
}

Source

2011-09-21 Ilya Medvedev

votre css semble fonctionner tel quel. voulez-vous que les images soient centrées verticalement + horizontalement? –

Je veux seulement aligner verticalement –

Peut être c'est ce que vous cherchez:

#panel img { 
    vertical-align: middle; 
}

demo

Source

2011-09-21 12:26:55

Régler la largeur de la div "de #panel" donc il y a de la place pour qu'il soit centré.

Source

2011-09-21 12:25:44 Musaab

Vous devez donner une largeur de #panel avant que l'image ne se centre.

Source

2011-09-21 12:26:11 Louis

-1

Donnez le <div id="panel" align="center">. Les images viendront au centre

Source

2011-09-21 12:41:51

'align' est obsolète, ne l'utilisez pas. –

comment centrer l'alignement IMG dans div?

Répondre

demo

Questions connexes