如何让flex布局下的img图片同一行并排显示（flex布局img图片等比例缩放方法）

使用css对页面布局美化时，很多使用都会使用flex进行布局，当使用flex布局时，其子元素就会默认同一行等比例显示，但当我们使用img标签显示图片时，确遇到了问题不会自动缩放，那么如何让flex布局下的img图片同一行并排显示呢？flex布局img图片等比例缩放的方法是什么？下面就让蓝叶简单解答下flex布局img图片等比例缩放方法。

如何让flex布局下的img图片同一行并排显示？

父元素使用了flex属性，那么子元素都会等比例缩放，但img例外，如果想要flex布局img图片等比例缩放，其实很简单，给img标签css样式里加上overflow:hidden属性，这就是flex布局img图片等比例缩放方法，要问为什么会这样，蓝叶也不清楚，甭管什么原因，只要使用overflow:hidden属性，那就可以是img标签图片等比例缩放一行显示。