CSS : centrer absolue placé le texte à l'intérieur par rapport parent
Comment puis-je centre absolu placé le texte à l'intérieur du fluide par rapport parent? Je suis en train d'utiliser text-align:center
sur les éléments parents mais il y a toujours des centres de l'enfant à gauche, pas élément de lui-même.
Pourquoi avez-vous besoin
parce qu'il y aura relative des éléments dans les blocs et je veux que le texte n'en affectent pas le positionnement et juste l'affichage sur le dessus d'eux.
Mettre quelque chose sur les autres, vous avez juste besoin de positionnement, pas absolue nécessairement.
position:absolute;
dans votre .texte de la classe CSS ? J'ai juste essayé d'enlever cette ligne et le texte est correctement centrée;parce qu'il y aura relative des éléments dans les blocs et je veux que le texte n'en affectent pas le positionnement et juste l'affichage sur le dessus d'eux.
Mettre quelque chose sur les autres, vous avez juste besoin de positionnement, pas absolue nécessairement.
OriginalL'auteur vlad | 2013-08-09
Vous devez vous connecter pour publier un commentaire.
Le truc, c'est que
position:absolute;
modifie la largeur de l'élément d'ajustement de son contenu, et quetext-align: center;
centre le texte dans le bloc d'élément de largeur. Donc, si vous ajoutez unposition: absolute;
n'oubliez pas d'augmenter la largeur de l'élément, ou bien letext-align: center;
propriété sera inutile.La meilleure façon de résoudre ce problème est d'ajouter un
width: 100%;
et unleft: 0px;
dans le .section de texte.http://jsfiddle.net/27van/
OriginalL'auteur amaurymartiny
Mise à jour: Ce que j'ai mis en avant était mauvais/mal
http://jsfiddle.net/brJky/1/
Cela devrait être BEAUCOUP plus proche de ce que vous voulez?
Votre texte est relatif et vos autres éléments à l'intérieur du conteneur sont absolues!
OriginalL'auteur Gary Kenyon