尝试制作圆形图像

Question

这个问题已经被问过很多次了，但我似乎仍然无法弄清楚这样一个简单的问题。

我正在尝试拍摄图像并将其围成一个圆圈，但是当我尝试这样做时：

const styles = {
  profileImage: {
    padding: "5% 0",
    objectFit: "cover",
    display: "block",
    width: "10vh",
    height: "10vh",
    borderRadius: "50%",
    border: "1px solid white", 
    margin: "0 auto"
  }
}

我的图像仍然看起来像这样：

白色边框是我想要的尺寸，但是由于某种原因，实际照片被裁剪掉了。我将不胜感激！为此被拉了我的头发：-（

谢谢！

Answer 1

我认为是由于这一行：

padding: "5% 0",

尝试删除该行