下面代码，flex自适应布局，但是图片宽度变窄了而不是文字的宽度变窄，我测试过是文字影响了导致没法自？

秋意浓走过伤悲只是朦胧惜醉颜 20小时前

开发者_如何学编程

方法:img的src填上有效的图片地址或者.image的样式加上flex-shrink:0.img的src填上有效地址:你的图片地址失效将会显示alt属性的值,然后根据flex属性,因为.news不够位置显示,会优先压缩剩余空间.希望不被压缩就添加flex-shrink:0样式添加flex-shrink:0:我的博客

---

200839xy 20小时前

开发者_如何学Python

应该是flex的问题，也就是flex-grow + flex-shrink + flex-basisflex-grow 默认为0，而flex-shrink默认为1，而flex-basis默认是auto；就算不设置，.image的flex-shrink是默认为1的。经过测试 .image{flex：none；}就可以了。但是我也不知道为什么。不设置的话，就算父容器宽度可以容纳字体，也还是会变窄，而且是刷新变窄，刷新变宽，我也很想知道是什么原因

---