对齐

Alignment

样式与 CSS也叫：对齐方式、居中、垂直居中、text-align

一句话：让页面元素沿着同一条看不见的线排列，比如左对齐、居中、右对齐、垂直居中，让界面整齐有序。

详细解释

对齐是让界面看起来整齐的最基本手段。相关的元素要对齐到同一条线上：表单的标签和输入框左边缘对齐，卡片里的文字和图片边缘对齐，表格里的数字右对齐方便比较大小，图标和旁边的文字垂直居中。

CSS 里文字的水平对齐用 text-align；块元素的对齐一般交给 Flex 或 Grid：justify-content 管主方向，align-items 管交叉方向。父元素写 display: flex，再把这两个属性都设为 center，就是最常用的水平垂直居中写法。

大段内容用左对齐，更符合阅读习惯；居中只适合短标题、空状态、登录框这类少量内容。一个页面里对齐方式太多会显得凌乱。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

请检查对齐：表单标签统一放在输入框上方并左对齐；表格中金额列右对齐，文字列左对齐；按钮里的图标和文字垂直居中，间距 6px；空状态的插图、说明文字和按钮在容器里水平垂直居中。