css 父节点设置display: flex; align-items: center;,子节点如何跟随其他子节点撑高的高度

父节点设置display: flex; align-items: center;,子节点如何跟随其他子节点撑高的高度?

假设父节点:

javascript 复制代码
display: flex;    align-items: center;

那么子节点需要属性:

javascript 复制代码
align-self: stretch; /* 这个子元素拉伸填满高度 */

如果子节点设置了height,那么需要取消height的属性,让height为auto。

javascript 复制代码
height:auto
相关推荐
Hyyy4 小时前
Electron多进程
前端
光影少年4 小时前
RN原生交互 & 桥接
前端·javascript·react native·react.js·前端框架
东风破_4 小时前
React 状态更新为什么不是立即赋值?从 useState、状态快照到更新队列
前端
用户526835677904 小时前
云原生运维实践:构建 Prometheus + 自定义 Webhook 的硬件声光告警闭环
javascript
GuWenyue4 小时前
踩坑无数!吃透useState 3个核心技巧,彻底解决状态旧值、性能卡顿问题
前端·javascript·react.js
无人生还5 小时前
从 Vue3 到 React · 快速上手系列第 4 篇:条件渲染与列表渲染
前端·vue.js·react.js
颜进强5 小时前
从零搭建私人 RAG 实战:用 Markdown 沉淀技术决策与业务决策
前端·后端·ai编程
咩咩啃树皮5 小时前
第46篇:Vue3 Router工程化进阶——懒加载+嵌套路由+全局守卫+权限控制
javascript·vue.js·ecmascript
触底反弹5 小时前
💡 React 父子组件通信:一个进度条教会我的 5 件事
前端·react.js·面试
咩咩啃树皮5 小时前
第44篇:Vue3侦听器完全精讲——watch与watchEffect区别、深度监听、异步业务落地
前端·javascript·vue.js