小编Mar*_*lec的帖子

请看下面的小提琴https://jsfiddle.net/27x7rvx6

CSS(#test是flexbox容器,.items是它的子容器):

#test {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  width: 300px;
  margin-left: 150px;
  border: 2px solid red;  
}
.item {
  flex: 0 0 70px;
  margin-right: 10px;
  background: blue;
  height: 70px;
  border: 2px solid black;
}

有一个nowrap带有固定大小项目的line()flexbox.容器已justify-content设置为center.因为物品不能收缩并且比容器更宽,所以它们开始溢出.

我的问题是内容溢出到左侧和右侧.有没有办法让内容合理化为中心,但一旦它开始溢出使其行为就像justify-content属性设置为flex-start,resp.使它只溢出到容器的右边？

我有一个关于 React 组件中的“一次性操作”的问题。想象一下，例如我想将某个元素滚动到某个位置，或者重置内部反应状态。

到目前为止，我一直通过使用布尔标志（例如doAction: true）和更新操作（例如setDoActionBackToFalse）的组合来做到这一点，但这似乎太复杂了。有没有人对此有任何好的解决方案？

注意：该动作在组件的生命周期内实际上可以发生多次，但每次都必须被专门触发并且只发生一次（而不是在每次重新渲染时都发生）。例如滚动到滚动窗格中的每个新添加的项目。

我创建了小小提琴以使问题更加明显：https : //jsfiddle.net/martinkadlec/et74rkLk/1/ 这使用布尔标志方法。