对齐

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

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

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