Iónico - Acolchado
Ionic ofrece una forma sencilla de agregar relleno a los elementos. Hay un par de clases que se pueden usar y todas ellas agregarán10pxentre el borde del elemento y su contenido. La siguiente tabla muestra todas las clases de relleno disponibles.
Clases de relleno
| Nombre de la clase | Información de la clase |
|---|---|
| relleno | Agrega acolchado alrededor de cada lado. |
| acolchado-vertical | Agrega relleno en la parte superior e inferior. |
| acolchado-horizontal | Agrega relleno a la izquierda y a la derecha. |
| acolchado superior | Agrega relleno a la parte superior. |
| padding-right | Agrega relleno a la derecha. |
| fondo acolchado | Agrega acolchado a la parte inferior. |
| padding-left | Agrega relleno a la izquierda. |
Usar relleno
Cuando desee aplicar algo de relleno a su elemento, solo necesita asignar una de las clases de la tabla anterior. El siguiente ejemplo muestra dos botones de bloque. El primero está usando elpaddingclase y el segundo no. Notarás que el primer botón es más grande, ya que tiene10px relleno aplicado.
<div class = "button button-block padding">Padding</div>
<div class = "button button-block">No padding</div>El código anterior producirá la siguiente pantalla:
