J'ai le code suivant:alignement horizontal avec CSS
<div class="one">
<p>Test<p><span style="color: Green">▼</span>
</div>
Ceci est une question très facile, je pense, mais je ne sais pas CSS. Comment puis-je aligner le paragraphe horizontalement au centre?
Il y a deux problèmes ici.
Pour centrer la DIV, voici le code en utilisant un style en ligne:
<div style="margin: 0 auto" class="one">
<p>Test<p>
</div>
Le centre sera au-dessus de l'ensemble DIV mais pas aligner le texte au centre. Encore une fois, le div ne sera centré que si la classe "un" a une largeur spécifiée. Sinon, cela n'a aucun effet. Vous pouvez également inclure les informations de style de marge dans la classe "one".
Maintenant, pour aligner tout le texte qui apparaissent dans le DIV horizontalement, vous pouvez définir le style comme ceci:
<div style="text-align: center" class="one">
<p>Test<p>
</div>
Et si vous voulez appliquer le style de centrage que pour un seul paragraphe, vous pouvez inclure le la règle de style dans la balise <p>.
J'ai essayé ceci mais mon code a une durée et cela ne semble pas fonctionner –
Bienvenue ... Notez également ceci - pour faire des mises en page, vous pouvez trouver l'utilisation de DIVs meilleure que SPAN.Utilisez des intervalles pour des éléments plus petits, tels que le formatage d'un bloc de texte dans un paragraphe ou des champs de données dans une ligne. – itsols
Vous pouvez utiliser le CSS. margin:auto
Où puis-je l'ajouter? Je veux juste un alignement horizontal. Est-ce que cela fait aussi vertical? –
Désolé, je viens de remarquer que mon code ne s'affiche pas parce que je n'ai pas cliqué sur le code. Maintenant, ma question est meilleure. –
La solution de marge avec auto de marge est appropriée pour les éléments de bloc flottant, mais si elle est un texte que dans HTML normal, vous devriez regarder cet exemple ici:
http://www.w3schools.com/css/tryit.asp?filename=trycss_text-align_all
vous pouvez utiliser tous les approches suivantes
.One{text-align:center;}
ou
.One p{margin: 0 auto;}
votre page doit avoir ce sur en haut dans la balise <head>
<style type="text/css">
.one p {text-align:center;}
</style>
Si vous voulez centrer l'ensemble div, et non le texte, utilisez cela, mais assurez-vous de définir une largeur pour la div.
<style type="text/css">
.one p {margin:0 auto; width:300px;} /*Change the width to what you need to*/
</style>
Pour alignement vertical, regarder dans http://www.sohtanaka.com/web-design/vertical-alignment-css/
Ceci est duplactes de nombreuses questions comme http://stackoverflow.com/questions/5972017/center-site-in-the-center-of-the- écran faire un couple de recherche dans stackoverflow d'abord, puis poser votre question –