Fatal编程技术网
  • css/
  • CSS:flexbox水平溢出

CSS:flexbox水平溢出

css

CSS:flexbox水平溢出,css,flexbox,horizontal-scrolling,stretched,Css,Flexbox,Horizontal Scrolling,Stretched,如何使flexbox容器的子项不拉伸而水平溢出？因此，您可以使用overflow-x滚动或剪切右侧的内容 我的实验以水平拉伸的项目结束，尽管它们具有固定的宽度。如果flex容器具有flex wrap:no wrap（默认），则将其设置为溢出：自动和flex:0 100%的flex项（或任何您想要的宽度而不是100%）应该足够了 部分{ 显示器：flex； 宽度：100%； 溢出：自动； } div{ 背景色：黄绿色； 高度：2em； 弹性：0.100%； 框大小：边框框； 边框：5px纯红；

如何使flexbox容器的子项不拉伸而水平溢出？因此，您可以使用overflow-x滚动或剪切右侧的内容

我的实验以水平拉伸的项目结束，尽管它们具有固定的宽度。

如果flex容器具有
flex wrap:no wrap
（默认），则将其设置为
溢出：自动
和flex:0 100%的flex项（或任何您想要的宽度而不是100%）应该足够了

部分{
显示器：flex；
宽度：100%；
溢出：自动；
}
div{
背景色：黄绿色；
高度：2em；
弹性：0.100%；
框大小：边框框；
边框：5px纯红；
}
到目前为止，您尝试了什么？请展示一些代码。虽然这有助于帮助他人，但最好避免回答没有显示和/或添加代码的广泛问题。这将鼓励人们一次又一次地发布这样的问题，他们可能会认为这是一项免费的编码服务。@Temaniaf如果你完全正确，我会记住这一点。哇，很有趣，为什么它只适用于
flex-shrink:0。花了一些时间直到找到你的答案。谢谢！