📜  离子-填充

📅  最后修改于: 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填充。

Padding
No padding

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

离子填充