老师，这个高度是给谁设置的？flex中的高度设置和我们平时设置的高度不一样？
来源：3-8 align-content属性
王一宏
2020-04-20 14:36:11
代码是老师写的，截图了。这个高度不是给父元素设置的吗？应该文字直接的高度不变，父容器高了，文字下边是空的背景色。但是为什么设置高度后文字之间的内容变高了？这是怎么回事？到底是给谁设置的？原理是什么？
写回答
1回答
-
好帮手慕夭夭
2020-04-20
同学你好，原理就是设置flex布局，子项目（子元素）会自动分配空间。这里父元素有多高，那么就有多大的空间，这个空间就会平均分配给子项目。示例：
例如一列排列了3个子项目，那么除去margin区域，剩余的空间会平均分配给子项目。
同学可以自己练习一下代码，给父元素宽度增加，让每一列只显示一个子项目，一个子项目的高度就会占据除了margin的所有空间。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题