32 lines
1.6 KiB
Markdown
32 lines
1.6 KiB
Markdown
|
---
|
||
|
|
title: Vertical Align CSS
|
||
|
|
localeTitle: Vertical alinhar CSS
|
||
|
|
---
|
||
|
|
## Vertical-Alinhar
|
||
|
|
|
||
|
|
`vertical-align` é uma propriedade CSS usada para alinhar verticalmente uma imagem.
|
||
|
|
|
||
|
|
Por exemplo, você pode ser `vertical-align` para alinhar uma imagem:
|
||
|
|
```
|
||
|
|
img {
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
Estes são os valores válidos para `vertical-align` :
|
||
|
|
|
||
|
|
* `baseline` - este é o valor padrão. Alinha o elemento à linha de base do elemento pai
|
||
|
|
* `length` - Alinha a linha de base desse elemento em um determinado comprimento acima ou abaixo da linha de base do pai. Você pode usar pixals, em,%, etc.
|
||
|
|
* `sub` - Isto alinha o elemento como se fosse o subscrito do elemento pai
|
||
|
|
* `super` - Isso alinha o elemento como se fosse o sobrescrito do elemento pai
|
||
|
|
* `top` - alinha o elemento de forma que a parte superior desse elemento esteja alinhada com a parte superior do elemento mais alto na linha
|
||
|
|
* `bottom` - alinha o elemento de forma que a parte inferior desse elemento esteja alinhada com a parte inferior do elemento mais baixo da linha
|
||
|
|
* `middle` - alinha o elemento de forma que fique no meio do elemento pai
|
||
|
|
* `text=top` - Alinha a parte superior desse elemento para que fique alinhado com o topo do topo do elemento pai
|
||
|
|
* `text-bottom` - Alinha a parte inferior desse elemento para que fique alinhado com a parte inferior do texto do elemento pai
|
||
|
|
|
||
|
|
#### Mais Informações:
|
||
|
|
|
||
|
|
* [Alinhamento vertical de CSS](https://www.w3schools.com/cssref/pr_pos_vertical-align.asp)
|
||
|
|
|
||
|
|
* [Truques CSS alinhados verticalmente](https://css-tricks.com/almanac/properties/t/text-align/)
|