要使图片在其容器中水平和垂直居中，可以使用以下CSS代码：
〓〓css代码如下：〓〓
.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
display: block;
max-width: 100%;
max-height: 100%;
}
在上面的示例中， .container 是包含图片的容器元素的类名或选择器。我们将该容器设置为弹性布局（Flexbox），并使用 justify-content: center; 和 align-items: center; 属性将其子元素水平和垂直居中。
然后，我们对图片应用了以下样式： display: block; 使其成为块级元素， max-width: 100%; 和 max-height: 100%; 确保图片不会超出其容器的尺寸，从而保持比例并适应居中容器。
通过这些CSS代码，你可以实现图像在其容器中水平和垂直居中的效果。记得适当调整容器和图像的尺寸和样式来满足你的具体需求。