Ionic - 内边距



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

内边距类

类名 类信息
padding在每一侧添加内边距。
padding-vertical在顶部和底部添加内边距。
padding-horizontal在左侧和右侧添加内边距。
padding-top在顶部添加内边距。
padding-right在右侧添加内边距。
padding-bottom在底部添加内边距。
padding-left在左侧添加内边距。

使用内边距

当您想为元素应用一些内边距时,您只需要分配上表中的一个类即可。以下示例显示了两个块级按钮。第一个使用 **padding** 类,第二个不使用。您会注意到第一个按钮更大,因为它应用了 **10px** 的内边距。

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

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

Ionic Padding
广告

© . All rights reserved.