Ionic填充 Ionic图标 Ionic Javascript操作表 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图标 Ionic Javascript操作表