2024 年 CSS 终于增加了垂直居中特性，效率翻倍！

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 在 2024 年的Chrome 123 版本中， CSS 原生可以使用  1 个 CSS 属性   align-content: center 进行垂直居中。 有何魅力？ 这个特性的魅力在哪儿呢？我举例给你看一下 < div   style = "align-content:center; height:200px; background: #614ef5;" >    < sapn > align-content sapn >  ：我能垂直居中！ div image.png 相信你也发现了，   align-content: center 属性实现垂直居中， 再也不需要依赖于 Flex 布局或者 Grid 布局了，它针对 普通块级 元素就生效，这就是它的魅力所在🔥！ 我能用吗？ 接下来，我们再看一下 align-content 这个属性的浏览器支持情况： 这是 can i use 网站的截图，可以看到主流浏览器， 现在绝大部分版本都是支持的，可以比较放心的使用😺 我要注意哪些坑？ 看看直接使用 align-content 有哪些注意点。 行内 ………………………………