Centre d'aligner le “span” du texte à l'intérieur d'un div
J'ai un code HTML comme;
<div class="left">
<span class="panelTitleTxt">Title text</span>
</div>
Mon CSS est comme suit;
.left {
background-color: #999999;
height: 50px;
width: 24.5%;
}
span.panelTitleTxt {
display: block;
width: 100%;
height: 100%;
}
Maintenant, comment puis-je centre d'aligner la durée de texte à l'intérieur de la div? (À supposer que la "gauche" div après le % de conversion obtient un px de largeur de 100px)
J'ai essayé le niveau moyen de l'aide margin:auto
, mais qui ne fonctionne pas.
Aussi je veux éviter d'utiliser text-align:center
.
Est-il un autre moyen de corriger cela?
- Pourquoi voulez-vous éviter "text-align:center" si vous ne me dérange pas de me poser la question?
- Si vous voulez centrer la portée du texte, utilisez
span {text-align:center;}
. Si cela ne produit pas le résultat que vous voulez, vous allez avoir à expliquer pourquoi pour nous d'être en mesure de vous aider. (Sinon, nous avons juste à penser à ce que votre réelle exigences.) - Si c'est un titre, utilisez la balise appropriée (h1, h2, h31 h4, h5 ou h6), N'utilisez pas non sémantique <span>.
- Dans le cas où quelqu'un veut utiliser style="vertical-align: middle;" ... il ne fonctionne que si vous l'appliquez à la DIV conteneur. En l'appliquant à la durée ne fait rien... au moins dans IE10.
Vous devez vous connecter pour publier un commentaire.
Vous donnez de l'envergure à 100% de la largeur résultant en agrandissant la taille de la mère. Cela signifie que vous ne pouvez pas centrer, comme il n'y a pas de place pour se déplacer.
Vous pourriez donner la durée d'un ensemble de largeur, puis ajouter le
margin:0 auto
de nouveau. Cela permettrait de centre-aligner.span
): stackoverflow.com/a/621406/343204Si vous connaissez la largeur de la travée vous pourriez juste des trucs dans une marge de gauche.
Essayez ceci:
Ajouter le "centre: de la classe à vos .
Si vous voulez un peu travées centré, mais pas d'autres, de remplacer le "div.la travée centrale" dans votre feuille de style à une classe (e.g "centre-span") et d'ajouter la classe à la plage.