Css 柔性布局柱高度

Css 柔性布局柱高度,css,flexbox,Css,Flexbox,.弹性体{ 显示器:flex; 柔性包装:包装; } .柔体部{ 宽度:50%; 调整项目:灵活启动; } 空格的存在只是因为您设置了每个Flex子级的高度。只要不这样,它们自然会填满空间 .弹性体{ 显示器:flex; 柔性包装:包装; 宽度:100vw; 高度:80vh; } .柔体部{ 弹性基准:50%; 调整项目:灵活启动; 轮廓:蓝色虚线2px; } 空格的存在只是因为您设置了每个Flex子级的高度。只要不这样,它们自然会填满空间 .弹性体{ 显示器:flex; 柔性包装:包装;

.弹性体{ 显示器:flex; 柔性包装:包装; } .柔体部{ 宽度:50%; 调整项目:灵活启动; }
空格的存在只是因为您设置了每个Flex子级的高度。只要不这样,它们自然会填满空间

.弹性体{ 显示器:flex; 柔性包装:包装; 宽度:100vw; 高度:80vh; } .柔体部{ 弹性基准:50%; 调整项目:灵活启动; 轮廓:蓝色虚线2px; }
空格的存在只是因为您设置了每个Flex子级的高度。只要不这样,它们自然会填满空间

.弹性体{ 显示器:flex; 柔性包装:包装; 宽度:100vw; 高度:80vh; } .柔体部{ 弹性基准:50%; 调整项目:灵活启动; 轮廓:蓝色虚线2px; }
我认为,要回答你的问题,你想要达到什么目标还不够清楚。你能详细说明一下计划的布局以及与当前布局的区别吗?@LarsGendner如果你能看到第一个蓝色元素下面的空白,那么我总是很难找到这个副本:下次我找到它时,我应该把它作为我的最爱。。。但是@LGson会在他来的时候关闭它;我不知道我是否理解正确,但你想要的是一个有flexbox的Massonry网格?有了flexbox,你可以玩max height和flex direction:column,我认为你想要实现什么还不够清楚,无法回答你的问题。你能详细说明一下计划的布局以及与当前布局的区别吗?@LarsGendner如果你能看到第一个蓝色元素下面的空白,那么我总是很难找到这个副本:下次我找到它时,我应该把它作为我的最爱。。。但是@LGson会在他来的时候关闭它;我不知道我是否理解正确,但您想要的是一个带有flexbox的Massonry网格?使用flexbox,您可以使用“最大高度”和“弯曲方向:列”(flex direction:column):如果它们具有不同的高度该怎么办?但您说我想要填充行之间的空白,所以您想要具有不同高度但具有相同高度的元素?Wut?@JeremyThille OP不希望第1和第3个div之间有不同高度的空间……如果它们有不同的高度怎么办?但你说我想填充行之间的空白,所以你希望元素具有不同高度,但具有相同高度?Wut?@JeremyThille OP不希望在高度不同的第一和第三分区之间留出空间。。。。