离子 - 填充

Ionic 提供了一种向元素添加填充的简单方法。有几个类可以使用，它们都会在元素边框与其内容之间添加10px 。下表显示了所有可用的填充类。

填充类

班级名称 班级信息
填充 在每一侧添加填充。
垂直填充 向顶部和底部添加填充。
水平填充 向左侧和右侧添加内边距。
顶部填充 在顶部添加填充。
向右填充 在右侧添加填充。
填充底部 在底部添加填充。
左填充 在左侧添加填充。

使用填充

当您想对元素应用一些填充时，您只需分配上表中的类之一。以下示例显示了两个块按钮。第一个使用填充类，第二个则不使用。您会注意到第一个按钮更大，因为它应用了10 像素的填充。

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

上面的代码将产生以下屏幕 -

离子填充