PHP
·
发表于 5年以前
·
阅读量：8301
// 当我们提前知道要居中元素的长度和宽度时，可以使用这种方式：
.container {
position: relative;
width: 300px;
height: 200px;
border: 1px solid #333333;
}
.content {
background-color: #ccc;
width: 160px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -80px; /* 宽度的一半 */
margin-top: -50px; /* 高度的一半 */
}