td标签本身无对齐逻辑，对齐完全依赖CSS的text-align（水平）和vertical-align（垂直）属性；HTML5已废弃align和valign内建属性，虽向后兼容但不应再用。
td 标签本身只是定义表格中一个“数据单元格”，它不自带对齐逻辑 —— 所谓“对齐效果”，全是靠 text-align（水平）和 vertical-align（垂直）这两个 CSS 属性驱动的。HTML5 已彻底废弃 align 和 valign 这类内建属性，硬写进去浏览器会解析，但校验通不过，也不该再用。
为什么 td align="center" 有时还能生效，但不该依赖它
因为浏览器仍保留向后兼容的解析能力，align 属性会被悄悄转成等效的 text-align 行内样式。但问题在于：
- 它只作用于当前
td，无法批量控制整列或整表 - IE 对
justify值会误判为center，Chrome/Firefox 表现也不一致 -
char值几乎无浏览器支持，写了等于白写 - 与 CSS 框架（如 Bootstrap 的
.table类）叠加时，优先级混乱，容易被覆盖
text-align 控制水平对齐：左/右/居中/两端对齐的实际表现
这个属性必须作用在 td 或其父级（如 tr、table）上才有效。常见误区是把它写在 p 或 span 上——没用，因为 text-align 只影响**块级容器内的行内内容**。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
text-align: left：默认值，但显式声明可避免被继承干扰 -
text-align: right：适合金额、编号等右对齐场景，注意数字小数点要对齐需配合font-family: monospace -
text-align: center：标题列或状态标签常用，但别滥用——长文本居中阅读效率低 -
text-align: justify：单行文本多数浏览器会退化为left；多行才真正拉伸，且末行仍左对齐，慎用于表格
vertical-align 不生效？先确认这三件事
这是最常卡住人的地方。不是属性写错了，而是它根本没起作用的上下文：
立即学习“前端免费学习笔记（深入）”；
-
vertical-align只对table-cell（即td、th）和inline/inline-block元素有效，对div或block元素无效 - 如果
td内部有input、img或多行p，它们自身也有vertical-align，会和父td的值叠加冲突 - Bootstrap 等框架常给
td设vertical-align: top，你写的middle被覆盖了——这时候得加!important，或者提高选择器特异性（比如用table.my-table td）
复杂点在于：vertical-align 的行为依赖整行所有单元格的高度基准线，不是绝对居中。真要 100% 稳定垂直居中，且内容高度差异大（比如一行里有输入框+纯文本），建议把 td 设为 display: flex，再用 align-items: center —— 但这会破坏表格语义，仅限视觉对齐要求极高、且无障碍要求不严的后台管理页。
