开发者

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

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

开发者_如何学编程

方法:imgsrc填上有效的图片地址或者.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;}就可以了。但是我也不知道为什么。不设置的话,就算父容器宽度可以容纳字体,也还是会变窄,而且是刷新变窄,刷新变宽,我也很想知道是什么原因


0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜