最近使用了flex布局，结果图片被纵向拉伸变形了。
解决方案：
1.在父元素没有设置高度的情况下，可以设置图片height:100%，可以解决这个问题。
2.用div标签包裹图片，这种方案比较通用，但是会产生无用标签。
原创文章，作者：ciding，如若转载，请注明出处：https://blog.ciding.cc/cssflex.html，侵权请联系删除，谢谢
相关推荐
-
【chrome】Chrome已保存的密码突然丢失保存提示密码未保存解决办法
问题 1.已经保存的密码突然在密码管理器里bujianle 2.再次提示保存，却没有保存 解决方法： 查看自己谷歌浏览器文件所在路径，访问地址chrome://version/ 删…
-
【Vultr】Vultr 能 Ping 但是 SSH 无法连接的解决办法
前不久一些朋友反应 Vultr 的机器可以 Ping 但是依旧无法连接。以前我们判断 IP 是否被封的方法就是进行国内外 Ping 测试，目前来看这种方法已经过时了。近期与官方客服…
-
【chrome】Chrome不能自动播放音乐的解决方法
需要在地址栏中输入chrome://flags/#autoplay-policy，然后在高亮的选项中，将Default换成No user gesture is required： …
-
【git】git拉取问题There is no tracking information for the current branch.
有时候新创建的分支执行git pull会出现： $ git pull There is no tracking information for the current branch…
-
【NGINX】nginx请求视频或者静态资源无法播放问题
原因：Nginx缓存导致无法在线播放 node项目在用Nginx反代后，发现直接访问内网地址可以在线播放mp4，但走Nginx后mp4就只能缓冲完毕后播放。 刚开始以为是新装的Ng…
-
【redis】Redis启动报错：Can’t handle RDB format version 7 Fatal error loading the DB: Invalid argument. Exiting.
原因低版本无法兼容高版本的 rdb 导致的 解决: 删除 所有的dump.rdb文件，重新启动redis-server。
-
【Node】npm 局部安装的包怎么执行
当我们局部安装一个可执行的包时，例如webpack； 在当前目录下输入 $ webpack 会出现错误，找不到当前模块 因为我们安装的局部的可执行文件在当前目录的 ./node_m…
-
【CSS】CSS点击input输入框后提示文字上移并缩小（可直接套用）
css实现一下点击input输入框后提示文字上移并缩小，这种表单美化挺常见的，效果如图： 代码如下： <!DOCTYPE html> <html> <…