tailwindcss中margin: 80px怎么写
时间: 2024-02-27 11:58:41 浏览: 218
Tailwindcss-cheatsheet:一个非常优雅且有用的Tailwindcss速查表
在 Tailwind CSS 中,可以使用以下类来设置 margin:
- `m-{size}`:设置所有方向的 margin
- `mx-{size}`:设置水平方向的 margin
- `my-{size}`:设置垂直方向的 margin
- `mt-{size}`:设置 top 方向的 margin
- `mr-{size}`:设置 right 方向的 margin
- `mb-{size}`:设置 bottom 方向的 margin
- `ml-{size}`:设置 left 方向的 margin
其中,`{size}` 可以是预定义的尺寸值,也可以是自定义的尺寸值。预定义的尺寸值包括 `0`、`1`、`2`、`3`、`4`、`5`、`6`、`8`、`10`、`12`、`16`、`20`、`24`、`32`、`40`、`48`、`56`、`64`、`px`。
因此,要设置一个 margin 为 `80px`,可以使用 `mt-80` 或者 `my-80` 类,例如:
```html
<div class="my-80">...</div>
```
这将设置该元素的上下 margin 为 `80px`。如果您需要分别设置上下和左右的 margin,可以使用 `mt-80 mr-20 mb-10 ml-30` 类,分别设置各个方向的 margin。
阅读全文