试图制作圆形图像

Tim*_*Tim 1 html javascript css

这个问题之前已被问过很多次,但我似乎仍然无法想出这么简单的问题.

我正在尝试拍摄一张图片并将其制作成一个圆圈但是当我尝试这样做时:

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

我的图像仍然看起来像这样: 在此输入图像描述

白色边框是我想要的尺寸,但实际的照片由于某种原因被裁掉了.我会感激任何指针!为此拉了我的头发:-(

谢谢!

JBo*_*hUA 5

我认为这是由于这一行:

padding: "5% 0",
Run Code Online (Sandbox Code Playgroud)

尝试删除该行