Problème d'alignement vertical dans un bloc

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Problème d'alignement vertical dans un bloc

Re: Problème d'alignement vertical dans un bloc

par VaN » 20 mars 2010, 01:06

Nickel : ) Merci bcp, je connaissais pas table-cell.

Re: Problème d'alignement vertical dans un bloc

par Nours312 » 19 mars 2010, 23:03

Code : Tout sélectionner

.boutons .text { display:table-cell; height:48px; vertical-align:middle; }
à vérifier pour certains navigateurs ;)

Problème d'alignement vertical dans un bloc

par VaN » 19 mars 2010, 22:40

Bonsoir,

j'essaye d'aligner un texte verticalement, dans un bouton en display:block, mais je n'y arrive pas.

Voici un exemple : http://wir3d.net/tests/boutons.htm

J'ai réussi, lorsqu'il s'agit d'un texte sur une seule ligne, ajoutant un line-height equivalent à la hauteur du bouton, dans la classe .boutons, mais dès que le texte est sur 2 lignes, ça ne va plus du tout.

Un peu d'aide serait la bienvenue.