调整浏览器大小时，我想保持图像居中。
我使用以下代码，但是每次调整浏览器大小时，图像都不会居中（x / y）。它还应与IE9及更高版本一起使用。任何帮助，将不胜感激！
.container {
height: 580px;
width:700px;
margin: 0 auto;
z-index: 1;
overflow: hidden;
position: relative;
border:1px solid black;
}
.container img {
position: absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
margin: auto;
height: 580px;
}
将元素垂直和水平居中的示例。
.container {
display: block;
width: 256px;
height: 256px;
overflow: hidden;
background: #555;
position: relative;
}
.container .center {
display: block;
padding: 40px;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #999;
text-align: center;
}<div class="container">
<div class="center">
Lorem ipsum dolor
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句