Ionic предлагает простой способ добавления отступов к элементам. Есть несколько классов, которые можно использовать, и все они добавят 10px между границей элемента и его содержимым. В следующей таблице показаны все доступные классы заполнения.
Классы прокладки
| Имя класса | Информация о классе |
|---|---|
| набивка | Добавляет отступы вокруг каждой стороны. |
| обивка-вертикальный | Добавляет отступы сверху и снизу. |
| обивка-горизонтальный | Добавляет отступы слева и справа. |
| обивка-топ | Добавляет отступы к вершине. |
| обивка правый | Добавляет отступ справа. |
| обивка-дно | Добавляет отступы внизу. |
| обивка левый | Добавляет отступ слева. |
Используя Padding
Если вы хотите применить некоторые отступы к своему элементу, вам просто нужно назначить один из классов из таблицы выше. В следующем примере показаны две кнопки блока. Первый использует класс заполнения, а второй — нет. Вы заметите, что первая кнопка больше, поскольку к ней применен отступ в 10 пикселей .
<div class = "button button-block padding">Padding</div> <div class = "button button-block">No padding</div>
Приведенный выше код создаст следующий экран —