Fatal编程技术网
  • css/
  • Css 如何防止flexbox与它旁边的flexbox高度相等？

Css 如何防止flexbox与它旁边的flexbox高度相等？

css

Css 如何防止flexbox与它旁边的flexbox高度相等？,css,flexbox,Css,Flexbox,我有一个大的弹性容器。里面有两个flex容器。在每一行中都有几行列表项。问题是，项目较少的一个项目正在拉伸以匹配另一个项目的高度，因此元素之间的空间过大 您需要添加align self:flex start到内部弹性框。这将否决默认值align self:stretch 以下是一个例子： #外部FlexBox{ 显示器：flex； } .insideFlexBox{ 显示器：flex； 自我校准：灵活启动； 利润率：10px； 填充：10px； 背景色：#33FFCC； } 项目1 项目2

我有一个大的弹性容器。里面有两个flex容器。在每一行中都有几行列表项。问题是，项目较少的一个项目正在拉伸以匹配另一个项目的高度，因此元素之间的空间过大

您需要添加
align self:flex start到内部弹性框。这将否决默认值
align self:stretch

以下是一个例子：



#外部FlexBox{
显示器：flex；
}
.insideFlexBox{
显示器：flex；
自我校准：灵活启动；
利润率：10px；
填充：10px；
背景色：#33FFCC；
}




    

  • 项目1
    • 

  • 项目2
    • 

  • 项目3
    • 

  • 项目4
    • 

  • 项目5
    • 



    

  • 项目1
    • 

  • 项目2
    • 

  • 项目3
    • 



可能的重复：