我想在窗口的中心放置一个div（with position:absolute；）元素。但我在这样做时遇到了问题，因为宽度未知。
我尝试了以下CSS代码，但它需要调整，因为宽度是响应的。
.center {
left: 50%;
bottom: 5px;
}
我怎样才能做到这一点？
当前回答
<body><div style=“position:absolute；left:50%；”><div style=“位置：相对；左：-50%；边框：红色虚线1px；”>我是一些中心收缩以适应内容<br/>翻土；翻土</div></div></body>
其他回答
<body><div style=“position:absolute；left:50%；”><div style=“位置：相对；左：-50%；边框：红色虚线1px；”>我是一些中心收缩以适应内容<br/>翻土；翻土</div></div></body>
我首选的定心方法：
position: absolute;
margin: auto;
width: x%
绝对块元素定位保证金自动左/右、上/下相同
一个JSFiddle在这里。
Sass/Compass版本的先前响应解决方案：
#content {
position: absolute;
left: 50%;
top: 50%;
@include vendor(transform, translate(-50%, -50%));
}
这对我有用：
<div class="container><p>My text</p></div>
.container{
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
这适用于垂直和水平：
#myContent{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
如果要使父对象成为元素中心，请设置父对象的相对位置：
#parentElement{
position: relative
}
对于垂直居中对齐，请设置元素的高度。感谢劳尔。如果要使父对象成为元素中心，请将父对象的位置设置为相对位置
