Centrage d'une image dans un div
J'ai déjà mis la bordure d'une image à l'intérieur d'un div
être nul. Je veux maintenant le centre de l'image au sein de son div contenant. J'ai essayé d'utiliser le margin: 0 auto;
mais cela ne fonctionne pas.
Je suis sûr que j'donnant sur quelque chose de stupide, mais j'aimerais obtenir de l'aide de la stackoverflow de la communauté, donc cela ne me prend pas une heure de regarder l'écran de la figure de sortir. Merci beaucoup.
<body>
<div id="wrapper">
<div id="banner">
<img src="logo3.png"/>
<!--<img src="kslf_logo.png"/>
<img src="logo2.png" title="Katie Samson Lacrosse Festival Logo"/>-->
<div id="social_network">
<a href="#" target="_blank" title="Check out the Facebook Page!">Facebook</a>
</div>
</div>
</div>
</body>
Voici le CSS...
#banner {
height: 100px;
width: 960px;
padding-bottom: 10px;
}
#banner img {
border: none;
margin: 0 auto;
}
Vous devez vous connecter pour publier un commentaire.
Essayez de définir l'image de
display
propriétéblock
:L'application de
text-align: center
à votre bannière div centre de ses inline inline-block des enfants (ce qui englobe la balise img).La raison pour laquelle votre code n'était pas le travail, c'est parce que
margin: 0 auto
ne centre les éléments de bloc.horizontale: juste essayer de
🙂
Soit
ou si l'img est de taille spécifique,
va travailler ..
Je crois que c'est juste
margin: auto;
. Pas de zéro de besoin.Après de nombreuses exhaustive tente de centrer aligner une image dans une div (verticalement et/ou horizontalement), j'ai compris ce qui suit.
À la verticale du centre de l'aligner une image dans une div.
À l'horizontale centre d'aligner une image dans une div.
Pour centrer verticalement et horizontalement une image dans une div, il y a 2 options
(1)
(2)