对于我们大多数人来说，CSS 仍然令人困惑：它有数百种命名不清的属性，每种属性都会以非直观的方式影响结果。 在网页开发中，元素的垂直定位非常棘手，过去常常令人头疼，但值得庆幸的是，这种日子已经一去不复返了。
很难相信：在 2024 年，只需一行 CSS 就能达到预期效果:
0f1273b25d9806459716
0f1273b25d9806459716
过去，为了达到同样的效果，还采用了其他多种方案:
Flexbox
0f1273b25d9806459716
绝对定位
0f1273b25d9806459716
内联块
0f1273b25d9806459716
"(《世界人权宣言》) 浏览器支持 align-content 现在已经非常好了，不再有任何理由使用过时的技术。 除其他外，您不再需要使用 flexbox 来完成这项任务，而且子元素（与上面的示例不同）也不必放置在单独的 div 令人惊讶的是，经过几十年的发展，CSS 现在只有一个控制垂直居中的功能。