图中:头像、“账号名称”,“具体名称内容”是一个容器内的三部分,给容器设置`display:flex`,时,如果“具体名称内容”字数过多,出现换行,会导致图片宽度被压缩,页面成为如下样子:
错误示例为了防止图片被压缩,可以给图片容器设置`flex-shrink: 0;`,只有不为0的元素才会被压缩。
图中:头像、“账号名称”,“具体名称内容”是一个容器内的三部分,给容器设置`display:flex`,时,如果“具体名称内容”字数过多,出现换行,会导致图片宽度被压缩,页面成为如下样子:
错误示例为了防止图片被压缩,可以给图片容器设置`flex-shrink: 0;`,只有不为0的元素才会被压缩。
本文标题:css中flex布局导致容器中图片被压缩问题
本文链接:https://www.haomeiwen.com/subject/tpeiqrtx.html
网友评论