看啥推荐读物
专栏名称: 前端早读课
我们关注前端,产品体验设计,更关注前端同行的成长。 每天清晨五点早读,四万+同行相伴成长。
目录
相关文章推荐
前端大全  ·  我决定放弃开源·  昨天  
前端之巅  ·  React 19 beta ...·  2 天前  
前端之巅  ·  Qwik vs. ...·  1 周前  
今天看啥  ›  专栏  ›  前端早读课

【第3247期】Chrome 123新特性:align-content

前端早读课  · 公众号  · 前端  · 2024-04-27 08:00
前言一入前端终身学习。本文介绍了 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; ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照