32 lines
1.7 KiB
Markdown
32 lines
1.7 KiB
Markdown
---
|
|
title: Vertical Align CSS
|
|
localeTitle: Alinear verticalmente CSS
|
|
---
|
|
## Alineación vertical
|
|
|
|
`vertical-align` es una propiedad CSS utilizada para alinear verticalmente una imagen.
|
|
|
|
Por ejemplo, puede `vertical-align` esta manera para alinear una imagen:
|
|
```
|
|
img {
|
|
vertical-align: top;
|
|
}
|
|
```
|
|
|
|
Estos son los valores válidos para `vertical-align` :
|
|
|
|
* `baseline` : este es el valor predeterminado. Alinea el elemento a la línea de base del elemento padre.
|
|
* `length` : esto alinea la línea de base de este elemento en una longitud dada por encima o por debajo de la línea de base del elemento primario. Puedes usar pixales, em,%, etc.
|
|
* `sub` : esto alinea el elemento como si fuera el subíndice del elemento padre
|
|
* `super` : alinea el elemento como si fuera el superíndice del elemento principal
|
|
* `top` : esto alinea el elemento de modo que la parte superior de este elemento esté alineada con la parte superior del elemento más alto en la línea
|
|
* `bottom` : esto alinea el elemento de modo que la parte inferior de este elemento esté alineada con la parte inferior del elemento más bajo en la línea
|
|
* `middle` : esto alinea el elemento para que esté en el centro del elemento principal
|
|
* `text=top` : esto alinea la parte superior de este elemento para que se alinee con la parte superior de la parte superior del elemento principal
|
|
* `text-bottom` : esto alinea la parte inferior de este elemento para que se alinee con la parte inferior del texto del elemento principal
|
|
|
|
#### Más información:
|
|
|
|
* [CSS vertical-align](https://www.w3schools.com/cssref/pr_pos_vertical-align.asp)
|
|
|
|
* [CSS-Tricks vertical-align](https://css-tricks.com/almanac/properties/t/text-align/) |