前言一入前端终身学习。本文介绍了 Chrome 123 推出的新 CSS 特性 align-content,使普通块级元素也能实现垂直居中。align-content 之前只在 flex 和 grid 容器中生效,现在能轻松实现垂直居中效果,甚至支持 textarea 文本输入垂直居中。今日前端早读课文章由 @XboxYan 分享,公号:前端侦探授权。正文从这开始~~最近,Chrome 123 又悄悄推出了一个 CSS 新特性,那就是 align-content 支持普通的 block 容器了!那么,这个特性有什么用呢?一起来了解一下吧【第3246期】CSS居中终极指南:如何将Div居中一、过去只对 flex 和 grid 生效align-content 相信大家都听说过,但是之前只能在 flex 和 grid 容器上才能生效。这里以 flex 为例,比如有这样一个布局 div class="flex"> div class="item">1div> div class="item">2div> div class="item">3div> div class="item">4div> div>简单修饰一下 .flex{ display: flex;
………………………………