<table>水平居中需满足：父容器为常规流（非flex/grid），<table>为块级且未浮动或绝对定位，显式设置width（非100%）或max-width，再配margin: 0 auto。
表格布局里 <table> 本身怎么水平居中
表格默认是块级元素，但margin: 0 auto在表格上直接生效的前提是：它没被父容器的布局模式“接管”。常见错误是把<table>塞进一个display: flex或display: grid的父容器里，这时margin: auto会被忽略。
稳妥做法是给<table>加style="margin: 0 auto;"，同时确保它的父容器是普通文档流（比如<body>或一个没设display的<div>）。如果父容器用了text-align: center，也得注意——它只影响行内/行内块子元素，对<table>无效，除非你先把<table>改成display: inline-block。
-
<table>必须是块级（默认就是），不能设float或position: absolute - 别写
width: 100%——它会让margin: auto失去可分配空间 - 推荐用
max-width: 600px配合margin: 0 auto，兼顾响应式和居中
<td> 里的登录框内容怎么居中对齐
表格单元格（<td>）默认是文本对齐，所以text-align: center能让里面的文字、按钮、输入框等行内/行内块元素水平居中。但注意：text-align对块级子元素（比如一个<div>包裹的<form>）不起作用——它只会让那个<div>的文本内容居中，而<div>本身仍靠左。
如果<td>里嵌的是一个<form>或<div>，又想让它整体居中，就得给这个子容器自己加margin: 0 auto，并配明确宽度（或max-width）。
立即学习“前端免费学习笔记（深入）”；
- 给
<td>加text-align: center→ 控制内部行内元素 - 给
<td>里的<form>加margin: 0 auto; max-width: 400px→ 控制块级容器自身 - 避免在
<td>上同时设align="center"（HTML 属性）和text-align（CSS），两者冲突时以 CSS 为准
为什么 align="center" 在现代项目里基本不用
align 是 HTML4 的废弃属性，W3C 已不推荐。它在<table>、<td>、<p>等标签上还能工作，但行为不一致：比如<table align="center">实际是靠浏览器自动加margin: 0 auto模拟，而<td align="center">等价于text-align: center。这种隐式逻辑容易在嵌套或重置样式时失效。
- Chrome/Firefox 对
align的支持正在弱化，某些版本会忽略它 - 一旦引入 CSS 重置（如 normalize.css），
align可能完全失效 - 审查元素时看不到它生成的样式，调试困难；而
margin或text-align在 DevTools 里一目了然
表格布局居中失败时优先查这三处
真正卡住人的往往不是代码写错，而是上下文干扰。遇到居中不生效，先看这三点：
- 父容器是否用了
display: flex或display: grid？如果是，margin: auto和text-align都会被绕过 -
<table>有没有被float、position: absolute或display: inline-block改变默认块级行为？ - 是不是在
<td>里写了width: 100%或min-width: 100%？这会让内部块级子元素失去左右外边距的分配空间
表格布局本身已非现代首选，但若必须用，居中逻辑就比 Flex 简单得多——关键在于守住“父容器干净、子元素块级、宽度可控”这三条底线。否则，越调越像在猜浏览器心情。
