tailwindcss 基础用法

[iugo]

• container 让容器拥有阶梯化最大宽度 (而不是任意最大宽度). 来自 https://tailwindcss.com/docs/container
• mx-auto 让当前组件居中. 来自 https://tailwindcss.com/docs/container
• px-4 padding-x-4 在 x 轴填充 4 宽度的留白.
• w-1/2 width-1/2 将宽度设置为当前的 1/2.
• shadow 增加阴影. https://tailwindcss.com/docs/box-shadow

定义阶梯宽度为以下几种:

Breakpoint	Properties
sm (640px)	max-width: 640px;
md (768px)	max-width: 768px;
lg (1024px)	max-width: 1024px;
xl (1280px)	max-width: 1280px;
2xl (1536px)	max-width: 1536px;

[iugo]

Twind: https://twind.dev/handbook/introduction.html

[iugo]

一般来说, 需要让 container 居中, 所以总是配合 mx-auto 一起使用.