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