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
相关推荐
我命由我123451 小时前
微信小程序 - 页面跳转并传递参数(使用路由参数、使用全局变量、使用本地存储、使用路由参数结合本地存储)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
DJ斯特拉1 小时前
日志技术Logback
java·前端·logback
HIT_Weston1 小时前
49、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 单/多线程分析(一)
前端·ubuntu·gitlab
涔溪1 小时前
Vue3 中ref和reactive的核心区别是什么?
前端·vue.js·typescript
Gomiko1 小时前
JavaScript基础(九):内部对象
开发语言·javascript·udp
天意__1 小时前
Flutter开发,scroll_to_index适配flutter_list_view
前端·flutter
吉星9527ABC1 小时前
表示离散量的echarts图型示例
前端·arcgis·echarts·离散量web展示
光影少年1 小时前
web3学习路线
前端·学习·前端框架·web3
克喵的水银蛇1 小时前
Flutter 状态管理:Provider 入门到实战(替代 setState)
前端·javascript·flutter