在Flex布局中，当子元素的宽度超出父容器的宽度时，可以通过设置flex-wrap:wrap属性来实现强制换行。
具体步骤如下：
将父容器的display属性设置为flex，如下所示：
.container{
display:flex;
}
设置子元素的宽度，以及设置父容器的宽度，以便在子元素宽度超出父容器宽度时触发换行，如下所示：
.container{
display:flex;
width:500px;/*假设父容器的宽度为500px*/
flex-wrap:wrap;/*设置子元素的强制换行*/
}
.child{
width:200px;/*假设子元素的宽度为200px*/
}
上述代码中，当.child元素的宽度超出父容器.container的宽度时，就会自动换行，显示在下一行。
需要注意的是，如果子元素设置了flex-shrink属性，且父容器宽度不够时，子元素会自动缩小以适应父容器宽度，可能会导致子元素不会触发换行。为避免这种情况，可以将flex-shrink属性设置为0，以保证子元素的宽度不会自动缩小。
除了使用flex-wrap:wrap属性来强制换行之外，还可以使用flex-basis属性来指定子元素的基础宽度，以触发强制换行。
具体步骤如下：
将父容器的display属性设置为flex，如下所示：
.container{
display:flex;
}
设置子元素的基础宽度，以及设置父容器的宽度，如下所示：
.container{
display:flex;
width:500px;/*假设父容器的宽度为500px*/
flex-wrap:wrap;/*可以不设置*/
}
.child{
flex-basis:200px;/*设置子元素的基础宽度为200px*/
}
上述代码中，当.child元素的宽度超出父容器.container的剩余宽度时，就会自动换行，显示在下一行。通过指定flex-basis属性，可以在不考虑子元素实际宽度的情况下，直接指定子元素的基础宽度，以实现强制换行。
需要注意的是，使用flex-basis属性进行强制换行时，如果子元素实际宽度小于flex-basis属性指定的宽度，则子元素的宽度仍然会根据实际内容自适应。如果需要固定子元素的宽度，可以通过设置width属性来实现。