如何将div中未知大小的图像居中？

Question

所以,我有这些参数的div:

container {
position:fixed;
background-color: rgba(50,50,50,0.7);
width:100%;
height:100%;
display:none;}

它包含未知大小的图像(大小是dinamic,它可能是不同的).

我需要垂直和水平对齐图像.

请帮忙

Answer 1

背景图像方法将起作用,背景位置:居中中心,遗憾的是您将无法控制缩放图像.

您可以按如下方式设置图像:

position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;

PS.请记住,这将是相对于其最接近的中心定位的父母.