如何让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标签图片等比例缩放一行显示。
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/web/1048.html
- 上篇文章:蓝叶分享自动生成短网址的php代码(tinyurl短网址自动生成代码)
- 下篇文章:nginx错误unknown directive "ssl_conf_command"解决方法