Ionic - Padding
Ionic 提供了一种简单的方法来为元素添加 padding。有几个 class 可以使用，它们都会在元素的边框与其内容之间添加 10px。下表显示了所有可用的 padding class。
Padding Classes
| Class Name | Class Info |
|---|---|
| padding | 在每个边添加 padding。 |
| padding-vertical | 在顶部和底部添加 padding。 |
| padding-horizontal | 在左侧和右侧添加 padding。 |
| padding-top | 在顶部添加 padding。 |
| padding-right | 在右侧添加 padding。 |
| padding-bottom | 在底部添加 padding。 |
| padding-left | 在左侧添加 padding。 |
使用 Padding
当你想为元素应用 padding 时，只需分配上表中的一个 class 即可。以下示例显示了两个 block button。第一个使用了 padding class，第二个没有。你会注意到第一个按钮更大，因为它应用了 10px padding。
<div class = "button button-block padding">Padding</div> <div class = "button button-block">No padding</div>
上述代码将生成以下屏幕 −
