Html 圆形图像填充和定心

我试着让我的图像居中，填充圆形而不拉伸图像。目前我的图像只占了半个圆圈。 你可以在这里看到我的网站-

图像将由客户端上传，因此我无法在css中使用“背景图像”，因为它将不断变化

谢谢

删除最大宽度：100%；从.img responsive类将获得圆圈。

因为您为图像添加了最大宽度，这使得图像适合圆圈宽度

删除最大宽度并添加

至.img响应

更改高度：自动至高度：100%；例如，img响应

---

请写这部分代码，你试过了吗？啊，这个css适用于横向图像，如果你添加了纵向图像，请使用最大宽度和页边顶部

max-height: 100%; // this is for fit the height of image to circle
margin-left: -50%; // this is for centering the image

.img-responsive {
      display: block;
      max-width: 100%;
      height: 100%;  //changed this
    }