J'utilise des boutons CSS à partir de ce tutoriel:
http://www.oscaralexandre.com/tatudials/how-to-make-sexy-buttons-with-css.html p>
J'ai besoin de mettre un bouton dans le milieu d'un div alors il est centré. Mais je ne peux pas! P>
Voici le code du bouton: p> et voici CSS: p> <div align="center"><a class="button" href="#"><span>Bring world peace</span></a></div>
3 Réponses :
Le Est-ce que cela aide? a.button est flotté à gauche. Vous pouvez essayer float: aucun; sur cet élément. marge: 0 auto; est également utile pour les éléments d'alignement central.
+1. Retirez le flotteur du bouton. Les éléments flottés sont retirés de la disposition normale de la page, ne sont donc pas affectés par les styles de mise en page de leurs éléments parents.
Modifier la classe de bouton pour ces propriétés:
<div align="center"> <a class="button" href="#"><span>Bring world peace</span></a> </div>
Merci, cela ne fonctionne que quand il y a un mot. Quand il y a plus de 1 mot, je reçois la paix du monde
@ALEX: essayez d'ajouter Text-Align: Centre sur les deux .button classe ainsi que la div.
L'attribut Align de l'élément div est obsolète. Vous ferez mieux de définir une classe pour ce div, comme: et le CSS: notez cependant que le réglage Text-Align n'affectera que le contenu à l'intérieur de la DIV. Le DIV elle-même (devrait être) un élément de bloc et, selon l'endroit où il est assis dans la structure du document, ne peut pas être centré sur lui-même. juste pour faire un peu plus certain, vous pouvez faire quelque chose comme ceci: Vous pouvez désormais appliquer la centrée sur n'importe quel élément et que cet élément doit reprendre la largeur de l'ensemble du navigateur et l'alignement de son contenu.
Cela fonctionnera-t-il s'il y a deux boutons et nous aimerions placer à la fois au centre?
Je suis surpris; Le temps qu'il a fallu pour demander cette question aurait pu être consacré à l'essayer. Ici, laissez-moi le faire pour vous: jsfiddle.net/aurm8