CSS-完全居中图像？

我有一个div和div内的图像.图像尺寸会有所不同.

我希望它在水平和垂直方向上居中. CSS vertical align似乎不起作用.

有什么花招吗？我可以使用PHP,css或jQuery

最佳答案

我不知道您如何使用它,所以可能我的解决方案不合适.

在div中将图像实现为“背景图像”时,您可以轻松地将其与“背景位置”居中：

#div {
background-image: url(./image.png);
background-position: center center;
}