イオン-パディング

Ionicは、要素にパディングを追加する簡単な方法を提供します。使用できるクラスがいくつかあり、それらすべてが追加されます10px要素の境界とそのコンテンツの間。次の表に、使用可能なすべてのパディングクラスを示します。

パディングクラス

クラス名 クラス情報
パディング 四方にパディングを追加します。
パディング-垂直 上部と下部にパディングを追加します。
パディング-水平 左右にパディングを追加します。
パディングトップ 上部にパディングを追加します。
パディング-右 右側にパディングを追加します。
パディングボトム 下部にパディングを追加します。
パディング-左 左側にパディングを追加します。

パディングの使用

要素にパディングを適用する場合は、上の表のクラスの1つを割り当てる必要があります。次の例は、2つのブロックボタンを示しています。最初のものは使用していますpaddingクラスと2番目のものはしません。最初のボタンは大きいので、10px パディングが適用されました。

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

上記のコードは次の画面を生成します-