Ionic填充


Ionic提供了一种向元素添加填充的简便方法。可以使用几个类,它们都将在元素边界和内容之间添加 10px 。下表显示了所有可用的填充类。

填充类

类名称 类信息
padding 在每一侧添加填充物。
padding-vertical 在顶部和底部添加填充。
padding-horizontal 向左和向右添加填充。
padding-top 在顶部添加填充。
padding-right 在右侧添加填充。
padding-bottom 在底部添加填充。
padding-left 在左侧添加填充。

使用填充

如果要对元素应用一些填充,只需指定上表中的一个类。以下示例显示了两个块按钮。第一个是使用 填充 类,第二个不使用 填充 类。您会注意到第一个按钮较大,因为它应用了 10px 填充。

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

上面的代码将生成以下屏幕

Ionic填充