如何防止图像溢出圆角框？

要防止图像溢出圆角框，可以使用CSS的object-fit属性。object-fit属性用于指定图片或其他可替换元素在其容器中的缩放和裁剪行为。以下是一个示例：

<!DOCTYPE html>
<html>
<head><style>
.container {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>
</head>
<body>

<div class="container">
  <img src="your-image-url" alt="Your Image" class="image">
</div>

</body>
</html>

在这个示例中，我们创建了一个圆形容器，并将图片设置为宽度和高度100%，使其填充整个容器。通过将object-fit属性设置为cover，图片将保持其原始纵横比，并在填充整个容器的同时裁剪任何溢出部分。这样，图片就不会溢出圆角框。

您可以根据需要替换your-image-url为您的图片URL。