Home Me envie um e-mail! Feed
Blog do yogodoshi

Propriedade Vertical-align do CSS não funciona? Erro? Bug?

Serei sincero: sempre achei que não funcionava direito; porém, era um ledo engano. Lendo o livro Construindo sites com CSS e (X)HTML do @maujor, descobri o motivo deste atributo “não funcionar” direito na maioria dos casos.

Sabe por que esta propriedade não funciona quando tentamos alinhar um parágrafo ou uma div?

Simples: porque ela foi criada para controlar o posicionamento vertical de elementos inline como: textos, imagens e inputs dentro de um parágrafo. A propriedade não funciona em elementos block.

Vejam só este exemplo:

Este é um texto que estou usando de teste para a propriedade vertical-align, vamos ver se ela alinha uma palavra em baseline, outra palavra com o valor middle na propriedade vertical-align e agora uma pequena frase com o valor text-bottom.

Postando porque tenho certeza que outras pessoas têm e terão essa mesma dúvida, espero que o post seja útil.

feed Gostou do Blog?  Assine o RSS Feed ou receba em seu e-mail

Posts Relacionados:
Erro “object doesn’t support this property or method” ao usar getElementById no IE
Tirinha: Conhecendo o Programador
Bordas arredondadas via CSS3
Erro: Permissão negada para chamar o método XMLHttpRequest.open
ErrorKey - Busque explicações e soluções para as mensagens de erro

Cosme Faé diz,

Junho 29, 2009 @ 11:35 pm

Tinha a mesma dúvida que você. Ótima dica ;D

Bruno Dulcetti diz,

Junho 29, 2009 @ 11:48 pm

Comentei sobre isso tem um tempo já no meu blog
http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html

Quase ninguém sabe utilizar essa propriedade…

Tigo Di diz,

Junho 30, 2009 @ 12:49 am

discussão antiga mas é sempre bom rever… então veja ae algo pra ser feito: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

yogodoshi diz,

Junho 30, 2009 @ 9:45 am

@cosmefae
Ufa, achei que só eu não sabia disso =p

@dulcetti
Ahhh, só to uns 2 anos atrasado xD

@Tigo Di
Discussão? =S
Ah tah, pra fazer uma gambiarra pro vertical-align funcionar em elementos block

Valeu pelos comentários galera ^^

Leonardo A. Souza diz,

Junho 30, 2009 @ 1:34 pm

Haha… eu já apanhei muito com isso também. :D

Chris Benseler diz,

Julho 1, 2009 @ 11:43 am

E qual o motivo de não posicionar elementos block?
Acho isso uma caquinha do CSS… hehe

yogodoshi diz,

Julho 1, 2009 @ 6:58 pm

Deve ser porque era muito difícil programar esse posicionamento pra esse tipo de elemento ;D

Assinar feed RSS de comentários neste post · TrackBack URI

Deixe seu comentário

Fechar
Envie por e-mail