给加display: block是前提，因默认为行内元素，margin: 0 auto对其无效；必须转为块级才能触发自动外边距居中。
给 @#@#@#@#@#@#@#@#@#@0 才真正生效。
Flex 布局下更省心，但要改父容器
如果整个导航栏、按钮组或卡片区域本身就是 Flex 容器，就别折腾单个 <a></a> 的显示模式了。直接在父容器上加布局控制更可靠。
- 水平居中：父元素设
display: flex+justify-content: center - 水平+垂直居中（比如封面大按钮）：再加
align-items: center，并确保父容器有明确高度（如min-height: 100vh） - 注意：此时子
<a></a>无需设display: block，也不需要width—— Flex 项目默认可拉伸、可对齐
容易被忽略的兼容性细节
现代浏览器对 display: block + margin: 0 auto 支持极好，但有两个边缘情况常被漏掉：
- 如果
<a></a>里嵌了<img>且没设vertical-align，图片基线对齐可能让整体视觉偏下，建议加vertical-align: middle或统一设为display: block - 在 IE8 及更早版本中，
inline-block不被支持，若需兼容，只能走display: block+text-align: center（父容器居中文本）路线
真正卡住人的往往不是“怎么写”，而是“为什么写了没反应”——多数时候，是 display 模式、宽度、文档流状态三者没对齐。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
