最近使用了flex布局，结果图片被纵向拉伸变形了。
解决方案：
1.在父元素没有设置高度的情况下，可以设置图片height:100%，可以解决这个问题。
2.用div标签包裹图片，这种方案比较通用，但是会产生无用标签。
原创文章，作者：ciding，如若转载，请注明出处：https://blog.ciding.cc/cssflex.html，侵权请联系删除，谢谢
相关推荐
-
【Java】配置文件Referenced file contains errors 解决方法
在Spring加载时，一些xml配置文件经常会出现Referenced file contains errors 的错误，下面介绍常用的一个解决方法。 出现这种错误可能是因为之前使…
-
【NGINX】nginx请求视频或者静态资源无法播放问题
原因：Nginx缓存导致无法在线播放 node项目在用Nginx反代后，发现直接访问内网地址可以在线播放mp4，但走Nginx后mp4就只能缓冲完毕后播放。 刚开始以为是新装的Ng…
-
【Tomcat】Tomcat无法登陆，在服务端Manager App无法打开报403错误
Manager App无法打开或登陆，主要有2个原因 1. 在tomcat安装目录下的/conf/tomcat-users.xml里面要做如下配置如： <role rolen…
-
【Node】node中如何使用btoa和atob
在我的node.js应用程序中，如何使用btoa和atob， 尝试了‘btoa-atob’模块不好使，因为它不导出编程接口，它只提供命令行实用程序。 如果你需要转换为Base64，…
-
【chrome】Chrome已保存的密码突然丢失保存提示密码未保存解决办法
问题 1.已经保存的密码突然在密码管理器里bujianle 2.再次提示保存，却没有保存 解决方法： 查看自己谷歌浏览器文件所在路径，访问地址chrome://version/ 删…
-
【Node】npm 局部安装的包怎么执行
当我们局部安装一个可执行的包时，例如webpack； 在当前目录下输入 $ webpack 会出现错误，找不到当前模块 因为我们安装的局部的可执行文件在当前目录的 ./node_m…
-
【CSS】CSS点击input输入框后提示文字上移并缩小（可直接套用）
css实现一下点击input输入框后提示文字上移并缩小，这种表单美化挺常见的，效果如图： 代码如下： <!DOCTYPE html> <html> <…
-
【redis】Redis启动报错：Can’t handle RDB format version 7 Fatal error loading the DB: Invalid argument. Exiting.
原因低版本无法兼容高版本的 rdb 导致的 解决: 删除 所有的dump.rdb文件，重新启动redis-server。