Bulma 所有间距助手的列表

Bulma 是一个基于 Flexbox 的现代 CSS 框架，提供了多种间距助手类方便开发者对页面内元素进行排版和布局。以下是 Bulma 提供的所有间距助手类。

外边距

• .m-1：1rem 外边距
• .m-2：2rem 外边距
• .m-3：4rem 外边距
• .m-4：8rem 外边距
• .m-5：16rem 外边距

内边距

• .p-1：1rem 内边距
• .p-2：2rem 内边距
• .p-3：4rem 内边距
• .p-4：8rem 内边距
• .p-5：16rem 内边距

上、下边距

• .my-1：1rem 上下边距
• .my-2：2rem 上下边距
• .my-3：4rem 上下边距
• .my-4：8rem 上下边距
• .my-5：16rem 上下边距

左、右边距

• .mx-1：1rem 左右边距
• .mx-2：2rem 左右边距
• .mx-3：4rem 左右边距
• .mx-4：8rem 左右边距
• .mx-5：16rem 左右边距

上边距

• .mt-1：1rem 上边距
• .mt-2：2rem 上边距
• .mt-3：4rem 上边距
• .mt-4：8rem 上边距
• .mt-5：16rem 上边距

下边距

• .mb-1：1rem 下边距
• .mb-2：2rem 下边距
• .mb-3：4rem 下边距
• .mb-4：8rem 下边距
• .mb-5：16rem 下边距

左边距

• .ml-1：1rem 左边距
• .ml-2：2rem 左边距
• .ml-3：4rem 左边距
• .ml-4：8rem 左边距
• .ml-5：16rem 左边距

右边距

• .mr-1：1rem 右边距
• .mr-2：2rem 右边距
• .mr-3：4rem 右边距
• .mr-4：8rem 右边距
• .mr-5：16rem 右边距

以上就是 Bulma 所提供的所有间距助手类，可以根据需要在开发中灵活使用。