ZUI 3外边距
定义
通过 m-* 工具类设置外边距，可用的工具类包括：
| 工具类 | CSS 属性 |
|---|---|
| p-0 | margin: 0px; |
| p-px | margin: 1px; |
| p-0.5 | margin: 2px; |
| p-1 | margin: 4px; |
| p-1.5 | margin: 6px; |
| p-2 | margin: 8px; |
| p-2.5 | margin: 10px; |
| p-3 | margin: 12px; |
| p-3.5 | margin: 14px; |
| p-4 | margin: 16px; |
| p-5 | margin: 20px; |
| p-6 | margin: 24px; |
| p-7 | margin: 28px; |
| p-8 | margin: 32px; |
| p-9 | margin: 36px; |
| p-10 | margin: 40px; |
| px-0 | margin-left: 0px; margin-right: 0px; |
| py-0 | margin-top: 0px; margin-bottom: 0px; |
| pt-0 | margin-top: 0px; |
| pr-0 | margin-right: 0px; |
| pb-0 | margin-bottom: 0px; |
| pl-0 | margin-left: 0px; |
| px-px | margin-left: 1px; margin-right: 1px; |
| py-px | margin-top: 1px; margin-bottom: 1px; |
| pt-px | margin-top: 1px; |
| pr-px | margin-right: 1px; |
| pb-px | margin-bottom: 1px; |
| pl-px | margin-left: 1px; |
| px-0.5 | margin-left: 2px; margin-right: 2px; |
| py-0.5 | margin-top: 2px; margin-bottom: 2px; |
| pt-0.5 | margin-top: 2px; |
| pr-0.5 | margin-right: 2px; |
| pb-0.5 | margin-bottom: 2px; |
| pl-0.5 | margin-left: 2px; |
| px-1 | margin-left: 4px; margin-right: 4px; |
| py-1 | margin-top: 4px; margin-bottom: 4px; |
| pt-1 | margin-top: 4px; |
| pr-1 | margin-right: 4px; |
| pb-1 | margin-bottom: 4px; |
| pl-1 | margin-left: 4px; |
| px-1.5 | margin-left: 6px; margin-right: 6px; |
| py-1.5 | margin-top: 6px; margin-bottom: 6px; |
| pt-1.5 | margin-top: 6px; |
| pr-1.5 | margin-right: 6px; |
| pb-1.5 | margin-bottom: 6px; |
| pl-1.5 | margin-left: 6px; |
| px-2 | margin-left: 8px; margin-right: 8px; |
| py-2 | margin-top: 8px; margin-bottom: 8px; |
| pt-2 | margin-top: 8px; |
| pr-2 | margin-right: 8px; |
| pb-2 | margin-bottom: 8px; |
| pl-2 | margin-left: 8px; |
| px-2.5 | margin-left: 10px; margin-right: 10px; |
| py-2.5 | margin-top: 10px; margin-bottom: 10px; |
| pt-2.5 | margin-top: 10px; |
| pr-2.5 | margin-right: 10px; |
| pb-2.5 | margin-bottom: 10px; |
| pl-2.5 | margin-left: 10px; |
| px-3 | margin-left: 12px; margin-right: 12px; |
| py-3 | margin-top: 12px; margin-bottom: 12px; |
| pt-3 | margin-top: 12px; |
| pr-3 | margin-right: 12px; |
| pb-3 | margin-bottom: 12px; |
| pl-3 | margin-left: 12px; |
| px-3.5 | margin-left: 14px; margin-right: 14px; |
| py-3.5 | margin-top: 14px; margin-bottom: 14px; |
| pt-3.5 | margin-top: 14px; |
| pr-3.5 | margin-right: 14px; |
| pb-3.5 | margin-bottom: 14px; |
| pl-3.5 | margin-left: 14px; |
| px-4 | margin-left: 16px; margin-right: 16px; |
| py-4 | margin-top: 16px; margin-bottom: 16px; |
| pt-4 | margin-top: 16px; |
| pr-4 | margin-right: 16px; |
| pb-4 | margin-bottom: 16px; |
| pl-4 | margin-left: 16px; |
| px-5 | margin-left: 20px; margin-right: 20px; |
| py-5 | margin-top: 20px; margin-bottom: 20px; |
| pt-5 | margin-top: 20px; |
| pr-5 | margin-right: 20px; |
| pb-5 | margin-bottom: 20px; |
| pl-5 | margin-left: 20px; |
| px-6 | margin-left: 24px; margin-right: 24px; |
| py-6 | margin-top: 24px; margin-bottom: 24px; |
| pt-6 | margin-top: 24px; |
| pr-6 | margin-right: 24px; |
| pb-6 | margin-bottom: 24px; |
| pl-6 | margin-left: 24px; |
| px-7 | margin-left: 28px; margin-right: 28px; |
| py-7 | margin-top: 28px; margin-bottom: 28px; |
| pt-7 | margin-top: 28px; |
| pr-7 | margin-right: 28px; |
| pb-7 | margin-bottom: 28px; |
| pl-7 | margin-left: 28px; |
| px-8 | margin-left: 32px; margin-right: 32px; |
| py-8 | margin-top: 32px; margin-bottom: 32px; |
| pt-8 | margin-top: 32px; |
| pr-8 | margin-right: 32px; |
| pb-8 | margin-bottom: 32px; |
| pl-8 | margin-left: 32px; |
| px-9 | margin-left: 36px; margin-right: 36px; |
| py-9 | margin-top: 36px; margin-bottom: 36px; |
| pt-9 | margin-top: 36px; |
| pr-9 | margin-right: 36px; |
| pb-9 | margin-bottom: 36px; |
| pl-9 | margin-left: 36px; |
| px-10 | margin-left: 40px; margin-right: 40px; |
| py-10 | margin-top: 40px; margin-bottom: 40px; |
| pt-10 | margin-top: 40px; |
| pr-10 | margin-right: 40px; |
| pb-10 | margin-bottom: 40px; |
| pl-10 | margin-left: 40px; |