Puis-je utiliser text-align intérieur de la div par pixel?
Est-il possible que je peux aligner le texte à l'intérieur d'un div
mais sans l'aide de text-align
. Je ne veux pas pour l'aligner sur une position spécifique(centre,gauche, etc), mais je veux aligner où je veux par pixel.Par exemple, entre les valeurs du centre et de gauche. Aussi, je ne veux pas utiliser un autre élément à l'intérieur d' div
.
Je suis à la recherche de quelque chose comme ça:
HTML
<div id="div">TEXT</div>
CSS
#div{
text-align:220px;
}
Des idées?
- padding-left devrait le faire..
- Il y a plusieurs options que vous pourriez prendre,
margins
(Mon préféraient),padding
, l'enrober avec la durée etposition
relativement etc.. - Avez-vous essayez de jouer avec
padding
? - Pourriez-vous préciser si
220px
signifie que vous souhaitez que le texte aligné à gauche à 220 pixels du bord gauche? - oui
- —Dans ce cas, l'une des réponses ci-dessous) devrait fonctionner. 🙂
Vous devez vous connecter pour publier un commentaire.
Si vous utilisez
margin
oupadding
pour aligner le texte, ils vont augmenter la taille de votre élément ainsi, si vous êtes conscients de le modèle de boîte CSS comportement, donc si vous êtes à l'aligner à l'aide depadding
oumargin
assurez-vous d'utiliser le ci-dessousSi au-dessus de compte le
margin
à l'extérieur, mais examinera lapadding
etborder
à l'intérieur de l'élément.Aussi, si vous êtes à la recherche d'aligner un seul mot, de mieux utiliser
text-indent
propriété qui tiret votre texte à unpx
vous définissez.Démo
Mais ce sera juste de retrait de 1ère ligne, donc si vous avez un seul mot que cela suffira à vos besoins, mais si vous voulez aligner plusieurs éléments, que la meilleure chose à faire ici est d'utiliser
span
de chaque mot et de retrait à l'aide depadding
Vous êtes à la recherche pour
text-indent
?Non, vous ne pouvez pas,
text-align
donne un comportement général pour le texte à aligner par opposition àpx
qui est un unité de mesure, aussi, logiquement parlant....220px
l'habitude de dire du navigateur, de quel côté de l'écran 220px se réfère....je vais suggérer à l'aide de
<p>
ou<span>
au lieuMODIFIER
Pour éviter un
tag
à l'intérieur dediv
, utilisation :solution de démo