何喜阳博客
#

CSS

#

flex布局下img元素被拉伸变形的有效解决办法

在 flex 布局下图片被拉伸: 正常的效果: 解决方案: 给出现变形的元素设置 flex-shrink: 0 flex-shrink: 0; 这种方式不会破坏现有的目录结构,只需要给被拉伸的 img 添加一个 css 属性。 flex-shrink 的意思是将子元素宽度之和与父元素宽度的差值按照子元素 flex-shrink 的值分配给各个子元素,每个子元素原本宽度减去按比例分配的值,其剩余