flex parent中的图像未在chrome中溢出

在Chrome浏览器中，当图像在flex容器（flex parent）中溢出时，可以通过以下方法解决：

1. 设置图像的最大宽度和最大高度： 在CSS中，为图像元素添加max-width和max-height属性，以限制图像的最大尺寸。例如：
2. 设置图像的最大宽度和最大高度： 在CSS中，为图像元素添加max-width和max-height属性，以限制图像的最大尺寸。例如：
3. 这将确保图像在flex容器中不会超出其父容器的边界。
4. 使用object-fit属性： object-fit属性定义了图像在其容器中的适应方式。可以将其设置为contain或cover来控制图像的缩放和裁剪。例如：
5. 使用object-fit属性： object-fit属性定义了图像在其容器中的适应方式。可以将其设置为contain或cover来控制图像的缩放和裁剪。例如：
6. 这将保持图像的纵横比，并将其缩放以适应flex容器中的可用空间。
7. 使用overflow属性： overflow属性定义了当内容溢出容器时如何处理。可以将其设置为hidden来隐藏溢出的内容。例如：
8. 使用overflow属性： overflow属性定义了当内容溢出容器时如何处理。可以将其设置为hidden来隐藏溢出的内容。例如：
9. 这将在flex容器中隐藏溢出的图像部分。

以上方法可以帮助解决在Chrome浏览器中flex容器中图像溢出的问题。对于更多关于flex布局和CSS属性的详细信息，可以参考腾讯云的CSS Flex布局文档：CSS Flex布局。