Boutons de centrage en HTML5, CSS
Je me demande comment je peux le centre d'un groupe de médias sociaux boutons sur mon site.
J'ai déjà utilisé le <center>
balises, mais elle est passée à HTML5, j'ai donc le centrage de la propriété de mon autre texte et des images dans les css. Toutefois, j'ai des liens avec les 4 sites de médias sociaux qui utilisent tous les différents styles de codage pour mettre en œuvre le bouton.
Le suivi est mon code
<-- FB -->
<div class="fb-like" data-href="https://www.facebook.com/pages/La-Condesa/242967619184322" data-width="20" data-height="20" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="false" data-send="false"></div>
<-- Instagram -->
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; }
.ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 /1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.ig-b-32 { background-image: url(//badges.instagram.com/static/images/[email protected]); background-size: 60px 178px; } }</style><br><br>
<a href="http://instagram.com/lacondesafitzroy?ref=badge" class="ig-b- ig-b-32">img src="//badges.instagram.com/static/images/ig-badge-32.png" alt="Instagram" /></a>
<-- Twitter -->
<a href="https://twitter.com/LaaCondesa" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @LaaCondesa</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<-- Tumblr --><iframe class="btn" frameborder="0" border="0" scrolling="no" allowtransparency="true" height="25" width="114" src="http://platform.tumblr.com/v1/follow_button.html?button_type=2&tumblelog=LaaCondesa&color_scheme=light"></iframe>
Est-il une manière concise de centrage de l'ensemble de ces éléments dans le HTML5? Ou devrai-je le faire séparément pour chaque? Si c'est le cas, comment puis-je centre de ces articles?
Grâce
EDIT: Désolé j'ai laissé de côté, ils sont tous contenus dans un récipient avec les propriétés suivantes
.container {
position: static;
height: 700px;
width: 780px;
top: 50%;
left: 50%;
margin: 10px;
margin-left: auto;
margin-right: auto;
}
Découvrez www.lacondesa.com.au/test.html pour voir
Vous devez vous connecter pour publier un commentaire.
Essayer de mettre les boutons à l'intérieur d'un div avec le style
margin:auto;
vraiment besoin?margin:auto
ligne des centres de la div.Donner une largeur à l'intérieur d'un div et puis mettre
margin:auto
.cela peut fonctionner. Essayez,