flex定位图片元素被挤压变形问题

最新推荐文章于 2024-07-24 15:20:58 发布

Nomal_1bit

最新推荐文章于 2024-07-24 15:20:58 发布

阅读量1k

点赞数 2

文章标签： css html html5

本文链接：https://blog.csdn.net/m0_57547956/article/details/120458480

版权

例如 -> 

假设他是flex盒子
<div flex>
    <img/>
    <div>iojdioqjwdioqjoidjqoiwd</div>
    <div>oijiowjqiodjiow</div>
</div>

这样子的结构img标签的大小会随着div文字或者其他区域大小变化挤压变形 即使你给了固定的高宽给图片

flex-shrink:0; 给这个img标签加个这个css 即可  或者给他外层的父元素div加个这个 也行。

小记 。