图片溢出带边框的div

Question

如何确保我的照片不会像这样溢出我的边框：

这是我的代码：

<div className="link__wrapperMain" {...longPressEvent}>
          <div className="link__mediaWrapper">
            <img
              alt=""
              src={imageUrl}
              // style={{ borderRadius: `${imageBorderRadius}` }}
            />
            <img
              alt=""
              src={faviconImage}
              style={{ borderRadius: `${imageBorderRadius}` }}
            />
          </div>

.link__mediaWrapper {
  display: flex;
  align-items: center;
  min-width: 50%;
  min-height: 100%;
  overflow: none;
}

我以为我的 overflow: none 会起作用，但它不起作用！

Answer 1

然后尝试更改图像的边框半径也... 那么它就会完美地完成......

.link__mediaWrapper {
  display: flex;
  align-items: center;
  min-width: 50%;
  min-height: 100%;
  overflow: none;
  border-radius: 40px;
}