单行文字水平居中用text-align: center即可；水平+垂直居中必须用display: flex或position: absolute + transform，因text-align仅控制行内内容水平对齐，不作用于块级子元素或垂直方向。
直接结论：单行文字水平居中，就够；要水平+垂直都居中，必须用或+，别指望能搞定垂直方向。
text-align: center 只对行内内容生效，不是万能的
它只控制块级容器里**文字、
、图片等行内级内容**的水平对齐位置，不会影响子元素自身的布局位置。常见错误是给一个
设了
，里面却放了个
或
（默认块级），结果纹丝不动——因为那个子
没被“居中对象”覆盖到。
想居中文本？直接在父容器加
想居中一个块级子元素？得先让它变成
，再靠父容器的
生效
别用废弃的
属性，HTML5 中已不合法，VS Code 会标黄，严格模式下可能失效
Flex 布局实现真正可靠的水平+
垂直居中
现代项目首选，写法简洁、语义清晰、响应式友好。但新手常卡在第一步：
必须加在父容器上，否则
和
全无效。
父容器必须设
，否则所有 flex 属性都不起作用
控制水平居中，
控制垂直居中——两者要配对用才完整
如果父容器没设高度，
可能没视觉效果（比如内容撑不满容器），可临时加
验证
子元素是
等行内元素时，建议显式设
，避免意外换行或对齐偏移
绝对定位 + transform 是兼容性最强的“兜底方案”
适合需要支持 IE9/10 或嵌入老系统页面的场景。关键不是“定位”，而是“反向位移”：漏掉
，元素只会左上角落在中心点，而不是自身中心对齐。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
父容器必须设
，建立定位上下文
子元素设
，再加
不需要知道子元素宽高，对动态字号、多行文本都有效
慎用
配合绝对定位——它只在同时设了
/
/
/
且子元素有明确
和
时才可靠，文字内容基本不满足
最容易被忽略的一点：很多“居中失败”不是代码写错了，而是父容器本身宽度极小（比如没设
且子内容窄），或者被其他 CSS 规则（如
、
）意外脱离文档流。动手前先用开发者工具选中父容器，看 computed 样式里的
和
是多少，比反复改
有用得多。
text-align: centerdisplay: flexposition: absolutetransformtext-alignspandivtext-align: centerdivbuttondivtext-align: centerdisplay: inline-blocktext-align: centeralign="center"display: flexjustify-contentalign-itemsdisplay: flexjustify-content: centeralign-items: centeralign-items: centerheight: 100pxspandisplay: blocktransform: translate(-50%, -50%)position: relativeposition: absolute; top: 50%; left: 50%transform: translate(-50%, -50%)margin: autotoprightbottomleftwidthheightwidthfloatposition: absolutewidthdisplaytext-align