The State of CSS Centering in 2026
本文深入探讨了2026年CSS居中的现状，指出尽管看似简单，但居中问题因属性和布局方式众多而常令人困惑。作者统计发现虽有近100种理论方法，但多数不推荐，真正有效且独特的方式不足15种。文章核心观点是，居中本质是CSS对齐这一复杂主题的特例，关键在于理解不同布局（如Flexbox、Grid、普通流）下对齐逻辑的根本差异，而非机械复制代码。 作者强调，应根据具体场景选择合适方法，并批判了依赖绝对定位加变换（`translate`）等过时技巧。文章重点介绍了多项现代CSS特性：`text-box`属性可精确控制文本的垂直对齐，解决传统行高带来的视觉偏差；`anchor-center`值为锚点定位提供了新的居中基准，允许元素相对于锚点自身中心进行对齐，与传统的区域中心（`center`）形成区别。结论是，通过掌握对齐原理和运用新特性，开发者能更精准、高效地实现居中，应对单元素或多元素等复杂布局需求。