Windows下video默认左对齐是因继承父容器行内布局，非bug；可靠居中需display:block+margin:0 auto，或Flex布局（父容器设display:flex+justify-content:center）。
video 元素默认对齐行为在 Windows 上的表现
Windows 系统下， 元素若未显式设置 display 或 text-align，会继承父容器的行内布局逻辑，常表现为靠左对齐（尤其当父容器是
且未设
text-align: center 时）。这不是 bug，而是浏览器在不同平台对「行内替换元素」的默认渲染差异——macOS 下部分浏览器可能因字体度量或子像素渲染显得更居中，容易误判为“跨系统不一致”。
- 检查父容器是否设置了
text-align: left（包括浏览器默认样式或重置 CSS 影响） - 确认
没有被包裹在等行内容器中，否则会受行高、基线对齐干扰 - 避免仅用
margin: 0 auto：它对非块级元素无效，而默认是inline
可靠居中方案：display: block + margin auto
最直接、跨平台一致的做法是强制将 转为块级元素，并用自动外边距居中。该方案不依赖父容器文本对齐，也不受行高影响。
video { display: block; margin: 0 auto; }
- 必须同时设置
display: block和margin: 0 auto，缺一不可 - 若视频需响应式（如宽度百分比），请用
max-width: 100%配合height: auto，否则可能拉伸变形 - 不要给父容器加
text-align: center来“凑效”，这会污染其他行内子元素
Flex 布局居中（现代项目首选）
当父容器可控且项目已使用 Flex 布局时，用 display: flex 更健壮，能同时处理宽高未知、多子元素、垂直居中等场景。
.video-container { display: flex; justify-content: center; align-items: center; / 如需垂直居中 / } video { / 不需要 display: block；flex 项默认 stretch，但 video 有固有尺寸，会自然居中 / }
- 父容器需明确设
display: flex，不能只靠子元素自己改 - 若父容器高度未定义（如只有
min-height），align-items: center可能无视觉效果，此时需确保父容器有可计算高度 - IE11 对
flex的align-items支持较弱，若需兼容，退回display: block + margin auto
校准前先排除干扰因素
所谓“靠左”有时是视觉错觉：比如视频播放器控件（尤其是自定义控件）、poster 图像尺寸偏差、父容器 padding/margin 不对称、甚至系统缩放（125% / 150%）都会导致左右偏移感。校准前务必隔离验证。
