[CSS] Atribut pour alignement vertical du texte

Atribut pour alignement vertical du texte [CSS] - HTML/CSS - Programmation

Marsh Posté le 13-01-2005 à 22:16:43    

Je voulais savoir quel etait l attribut pour aligner verticalement un texte dans un div, comme l'attribut ´text-align' mais verticalement. 'vertical-align' ne marche pas.

Reply

Marsh Posté le 13-01-2005 à 22:16:43   

Reply

Marsh Posté le 14-01-2005 à 01:18:21    

C'est pourtant bien vertical-align. http://www.yoyodesign.org/doc/w3c/ [...] ical-align

Reply

Marsh Posté le 14-01-2005 à 09:32:13    

Y'a plusieurs techniques, à une seule condition : ton div doit avoir une hauteur connue... Est-ce le cas ?
 
C'est une limitation de CSS 2.1, à savoir impossible de centrer verticalement un élément dans un autre, si on ne connaît pas la hauteur de l'élément conteneur...

Reply

Marsh Posté le 14-01-2005 à 10:59:53    

S'il n'y a qu'une seule ligne de texte à centrer, la meilleure solution reste d'utiliser line-height, comme c'est expliqué ici :
http://marcarea.com/weblog/index.p [...] Correction
 
Sinon il reste une solution plus lourde : positionner la cellule en relatif et centrer le div à l'aide de position absolue + marges négatives : http://www.alsacreations.com/articles/centrer/
 
Au fait, pour tous ceux qui espèrent utiliser la propriété "vertical-align" pour centrer leur texte dans un bloc :
 
Attention à bien comprendre ce que signifie Vertical align en CSS
 

Citation :

S'applique à :   ceux des éléments de type en-ligne et à l'élément 'table-cell'


Citation :

Cette propriété agit sur le positionnement vertical à l'intérieur de la boîte de ligne des boîtes générées par un élément de type en-ligne. Les règles suivantes n'ont de sens que par rapport à un élément parent de type en-ligne, ou de type bloc si celui-ci génère des boîtes en-ligne anonymes ; elles sont inopérantes autrement.
 
Note : la signification des valeurs pour cette propriété est légèrement différente dans le contexte des tables. Consulter le chapitre traitant des algorithmes pour la hauteur des tables pour le détail.


 
Vertical align n'est pas prévu pour aligner un texte dans un bloc, mais un élément en-ligne dans un autre élément en-ligne (par exemple une image à côté d'un texte)... ou dans un élément de type table-cell.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed