Ionic - Padding
O Ionic oferece uma maneira fácil de adicionar preenchimento aos elementos. Existem algumas classes que podem ser usadas e todas elas adicionarão10pxentre a borda do elemento e seu conteúdo. A tabela a seguir exibe todas as classes de preenchimento disponíveis.
Aulas de enchimento
Nome da classe | Informação da aula |
---|---|
preenchimento | Adiciona preenchimento em todos os lados. |
acolchoamento vertical | Adiciona preenchimento nas partes superior e inferior. |
preenchimento horizontal | Adiciona preenchimento à esquerda e à direita. |
tampo de enchimento | Adiciona preenchimento ao topo. |
padding-right | Adiciona preenchimento à direita. |
acolchoamento inferior | Adiciona preenchimento na parte inferior. |
padding-left | Adiciona preenchimento à esquerda. |
Usando Padding
Quando você deseja aplicar algum preenchimento ao seu elemento, você só precisa atribuir uma das classes da tabela acima. O exemplo a seguir mostra dois botões de bloco. O primeiro está usando opaddingclasse e a segunda não. Você notará que o primeiro botão é maior, pois tem10px preenchimento aplicado.
<div class = "button button-block padding">Padding</div>
<div class = "button button-block">No padding</div>
O código acima irá produzir a seguinte tela -