最近使用了flex布局，结果图片被纵向拉伸变形了。
解决方案：
1.在父元素没有设置高度的情况下，可以设置图片height:100%，可以解决这个问题。
2.用div标签包裹图片，这种方案比较通用，但是会产生无用标签。
原创文章，作者：ciding，如若转载，请注明出处：https://blog.ciding.cc/cssflex.html，侵权请联系删除，谢谢
相关推荐
-
【chrome】Chrome不能自动播放音乐的解决方法
需要在地址栏中输入chrome://flags/#autoplay-policy，然后在高亮的选项中，将Default换成No user gesture is required： …
-
【Tomcat】Tomcat无法登陆，在服务端Manager App无法打开报403错误
Manager App无法打开或登陆，主要有2个原因 1. 在tomcat安装目录下的/conf/tomcat-users.xml里面要做如下配置如： <role rolen…
-
【OSS】阿里云oss在centos服务器通过命令行进行上传
ossutil64下载地址： http://gosspublic.alicdn.com/ossutil/1.6.0/ossutil64?spm=a2c4g.11186623.2.1…
-
【Node】npm 局部安装的包怎么执行
当我们局部安装一个可执行的包时，例如webpack； 在当前目录下输入 $ webpack 会出现错误，找不到当前模块 因为我们安装的局部的可执行文件在当前目录的 ./node_m…
-
【阿里云】运维 / 如何卸载阿里云盾 / 安骑士 / Linux / 阿里云服务器
最近新购了阿里云的VPS，发现之前的卸载阿里云监控的方法已经失效 应该是加了守护，没法直接删除相关文件，提示 Operation not permitted 其实安装及卸载方法都在…
-
【Node】node中如何使用btoa和atob
在我的node.js应用程序中，如何使用btoa和atob， 尝试了‘btoa-atob’模块不好使，因为它不导出编程接口，它只提供命令行实用程序。 如果你需要转换为Base64，…
-
【git】git拉取问题There is no tracking information for the current branch.
有时候新创建的分支执行git pull会出现： $ git pull There is no tracking information for the current branch…
-
【Java】配置文件Referenced file contains errors 解决方法
在Spring加载时，一些xml配置文件经常会出现Referenced file contains errors 的错误，下面介绍常用的一个解决方法。 出现这种错误可能是因为之前使…
-
【Vultr】Vultr 能 Ping 但是 SSH 无法连接的解决办法
前不久一些朋友反应 Vultr 的机器可以 Ping 但是依旧无法连接。以前我们判断 IP 是否被封的方法就是进行国内外 Ping 测试，目前来看这种方法已经过时了。近期与官方客服…