蓝叶

蓝叶分享emlog模版、emlog插件、zblog插件、zblog模版、帝国模版、绿色软件、蓝叶原创作品等众多精选好资源。
现在位置:首页 > 网站设计 > 如何让flex布局下的img图片同一行并排显示(flex布局img图片等比例缩放方法)

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

蓝叶    网站设计    2022-12-07    516    0评论    

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

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

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

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

评论一下 分享本文 赞助蓝叶

赞助蓝叶X

扫码赞助蓝叶
联系站长
蓝叶
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
加载中....
快捷导航 返回顶部
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部