Учебники

Ionic – Padding

Ionic предлагает простой способ добавления отступов к элементам. Есть несколько классов, которые можно использовать, и все они добавят 10px между границей элемента и его содержимым. В следующей таблице показаны все доступные классы заполнения.

Классы прокладки

Имя класса Информация о классе
набивка Добавляет отступы вокруг каждой стороны.
обивка-вертикальный Добавляет отступы сверху и снизу.
обивка-горизонтальный Добавляет отступы слева и справа.
обивка-топ Добавляет отступы к вершине.
обивка правый Добавляет отступ справа.
обивка-дно Добавляет отступы внизу.
обивка левый Добавляет отступ слева.

Используя Padding

Если вы хотите применить некоторые отступы к своему элементу, вам просто нужно назначить один из классов из таблицы выше. В следующем примере показаны две кнопки блока. Первый использует класс заполнения, а второй – нет. Вы заметите, что первая кнопка больше, поскольку к ней применен отступ в 10 пикселей .

<div class = "button button-block padding">Padding</div>
<div class = "button button-block">No padding</div>

Приведенный выше код создаст следующий экран –