flex下子元素会自动拉伸,第一个子元素image设置了100 * 100还是被后面的text过长文字挤压了。
解决:
方法1:
让图片不自动拉伸加上
flex:noe
方法2:
flex下面所有的子元素都设置宽度,这个会比较麻烦,需要计算。文章来源:https://www.toymoban.com/news/detail-506360.html
方法3:
过长的文本设置一个max-width:400rpx,这个跟上面方法2类似文章来源地址https://www.toymoban.com/news/detail-506360.html
到了这里,关于小程序 css flex的子元素图片被周边元素text挤压变形的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!