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