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
相关推荐
AAA阿giao2 小时前
拼乐高式开发:深入剖析 React 组件通信、弹窗设计与样式管理
开发语言·前端·javascript·react.js·前端框架·props·components
lvbinemail2 小时前
svn的web管理后台服务svnWebUI
运维·前端·svn·jar
Violet_YSWY2 小时前
Promise 讲解
前端
软件开发技术深度爱好者2 小时前
数学公式生成器HTML版
前端·html
Marshmallowc2 小时前
CSS 布局原理:为何“负边距”是栅格系统的基石?
前端·css·面试
Rysxt_2 小时前
Vue 3 项目核心:App.vue 文件的作用与配置详解
前端·javascript·vue.js
洛阳纸贵2 小时前
JAVA高级工程师--Maven父子关系专题
java·前端·maven
ShirleyWang0122 小时前
Windows XP无法显示文件后缀名解决
css·xp·后缀名·windows xp
imkaifan2 小时前
10、vue3中针对图片的处理
前端·javascript·vue.js
柯南二号3 小时前
【大前端】【iOS】iOS 使用 Objective-C 绘制几大常见布局(UIKit / Core Graphics 实战)
前端·ios