📅  最后修改于: 2020-12-08 05:02:27             🧑  作者: Mango
Ionic提供了一种简单的方法来向元素添加填充。有几个类可以使用,所有这些类都会在元素边框与其内容之间增加10px 。下表显示了所有可用的填充类。
Class Name | Class Info |
---|---|
padding | Adds padding around every side. |
padding-vertical | Adds padding to the top and bottom. |
padding-horizontal | Adds padding to the left and right. |
padding-top | Adds padding to the top. |
padding-right | Adds padding to the right. |
padding-bottom | Adds padding to the bottom. |
padding-left | Adds padding to the left. |
当您想对元素应用填充时,只需分配上表中的一个类。以下示例显示了两个阻止按钮。第一个使用填充类,第二个不使用。您会注意到第一个按钮较大,因为它已应用10px填充。
上面的代码将产生以下屏幕-