Atribut pour alignement vertical du texte [CSS] - HTML/CSS - Programmation
Marsh Posté le 14-01-2005 à 01:18:21
C'est pourtant bien vertical-align. http://www.yoyodesign.org/doc/w3c/ [...] ical-align
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...
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. |
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.
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.