有点d伤

关注

display:flex 下图片变形问题

有点d伤

关注

阅读 72

2022-04-02

今天写flex布局时发现图片设置了宽高
但是图片还是会变形

期望效果
在这里插入图片描述
实际效果
在这里插入图片描述
解决方案
在图片的css中添加

.cell-box .my-cell .cell-value .point_icon {
  width: 40rpx;
  height: 50rpx;
  flex-shrink: 0; //  <-
  margin-right: 8rpx;
}

flex-shrink

点击查看详细说明

相关推荐

Brose

vue+css解决图片变形问题(flex-shrink: 0)

Brose 5 0 0

水墨_青花

【CSS】display:flex和display: inline-flex区别

水墨_青花 9 0 0

我是小瘦子哟

display:flex和display:block的区别

我是小瘦子哟 64 0 0

艾米吖

Linux下图片处理

艾米吖 186 0 0

目标践行者

前端布局神器display:flex

目标践行者 140 0 0

穿裙子的程序员

小程序display: flex失效

穿裙子的程序员 56 0 0

外贸达人小峻先森

什么是弹性(display: flex)布局 ?

外贸达人小峻先森 215 0 0

流计算Alink

弹性布局(display:flex;)属性详解

流计算Alink 181 0 0

有点d伤

display:flex布局,最简单的案例

有点d伤 25 0 0

小沙坨

image标签图片变形

小沙坨 43 0 0

精彩评论(0)

0 0 举报