最近使用了flex布局，结果图片被纵向拉伸变形了。
解决方案：
1.在父元素没有设置高度的情况下，可以设置图片height:100%，可以解决这个问题。
2.用div标签包裹图片，这种方案比较通用，但是会产生无用标签。
原创文章，作者：ciding，如若转载，请注明出处：https://blog.ciding.cc/cssflex.html，侵权请联系删除，谢谢
相关推荐
-
【Node】npm 局部安装的包怎么执行
当我们局部安装一个可执行的包时，例如webpack； 在当前目录下输入 $ webpack 会出现错误，找不到当前模块 因为我们安装的局部的可执行文件在当前目录的 ./node_m…
-
【Vultr】Vultr 能 Ping 但是 SSH 无法连接的解决办法
前不久一些朋友反应 Vultr 的机器可以 Ping 但是依旧无法连接。以前我们判断 IP 是否被封的方法就是进行国内外 Ping 测试，目前来看这种方法已经过时了。近期与官方客服…
-
【NGINX】nginx请求视频或者静态资源无法播放问题
原因：Nginx缓存导致无法在线播放 node项目在用Nginx反代后，发现直接访问内网地址可以在线播放mp4，但走Nginx后mp4就只能缓冲完毕后播放。 刚开始以为是新装的Ng…
-
【Java】配置文件Referenced file contains errors 解决方法
在Spring加载时，一些xml配置文件经常会出现Referenced file contains errors 的错误，下面介绍常用的一个解决方法。 出现这种错误可能是因为之前使…
-
【chrome】Chrome不能自动播放音乐的解决方法
需要在地址栏中输入chrome://flags/#autoplay-policy，然后在高亮的选项中，将Default换成No user gesture is required： …
-
【Node】node中如何使用btoa和atob
在我的node.js应用程序中，如何使用btoa和atob， 尝试了‘btoa-atob’模块不好使，因为它不导出编程接口，它只提供命令行实用程序。 如果你需要转换为Base64，…
-
【chrome】Chrome已保存的密码突然丢失保存提示密码未保存解决办法
问题 1.已经保存的密码突然在密码管理器里bujianle 2.再次提示保存，却没有保存 解决方法： 查看自己谷歌浏览器文件所在路径，访问地址chrome://version/ 删…
-
【maven】Eclipse或idea报错 No compiler is provided in this environment. Perhaps you are running on a JRE
这是在用外部命令打包的时候出现的问题，期间尝试了去改jdk版本，依旧不管用，这是重点是问题，那就是用的jdk，和运行环境要统一，这里指的是安装的时候jdk的时候可能会安装一个jre…
-
【Tomcat】Tomcat无法登陆，在服务端Manager App无法打开报403错误
Manager App无法打开或登陆，主要有2个原因 1. 在tomcat安装目录下的/conf/tomcat-users.xml里面要做如下配置如： <role rolen…