Centre d'une image d'amorçage

-1

J'utilise Bootstrap et je veux centrer une image, mais je ne sais pas comment le faire:/Centre d'une image d'amorçage

Voici le HTML

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#"><img src="./img/logo.png" /></a> 
    </div>

J'ai sur mon navbar une image et je veux centrer j'ai essayé en CSS

.navbar-brand img{ 
     width: 83px; 
     height: 57px; 
     margin-left : 50%; 
    }

L'image ne bouge pas du tout

Source

2017-06-16 Beben

il y a l outes de façons de le faire, vous pouvez utiliser

text-align:center;

pour centrer ou éléments

margin-left:auto; 
margin-right:auto;

C'est vraiment CSS de base, vous devriez certainement vérifier la documentation avant.

Source

2017-06-16 20:52:37 Lindow

Merci vous ai oublié de mentionner mon ancien code CSS, j'ai essayé d'utiliser le centre text-align tag et ça ne marche pas, même chose pour margin-left | right. Je suppose que c'est à cause du framework bootstrap et donc je cherche la bonne façon de le faire avec Bootstrap. – Beben

Si bootstrap prend le pas sur vos marges auto, incluez un tag! Important. – Nosajimiki

@Beben Vous pouvez facilement remplacer le bootstrap, je pense que vous manquez certaines règles CSS. – Lindow

Essayez ceci:

.navbar-brand img{ 
    width: 83px; 
    height: 57px; 
    margin: 0 auto; 
}

"margin-left: 50%" centre la limite gauche de l'image. "margin: 0 auto;" dit mettre et marge égale et maximale sur les deux côtés de mon élément. si vous avez besoin des marges réelles sur le haut/bas, vous pouvez utiliser la méthode 4-propriété qui pourrait ressembler à ceci:

margin: 10px auto 20px auto;

Source

2017-06-16 20:55:18 Nosajimiki

Centre d'une image d'amorçage

Répondre

Questions connexes