我想在窗口的中心放置一个div（with position:absolute；）元素。但我在这样做时遇到了问题，因为宽度未知。
我尝试了以下CSS代码，但它需要调整，因为宽度是响应的。
.center {
left: 50%;
bottom: 5px;
}
我怎样才能做到这一点？
当前回答
如果需要水平和垂直居中：
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
其他回答
HTML格式：
<div id='parent'>
<div id='child'></div>
</div>
CSS:
#parent {
display: table;
}
#child {
display: table-cell;
vertical-align: middle;
}
我知道我已经给出了答案，我之前的答案和其他人的答案都很好。但我在过去使用过这个，它在某些浏览器和某些情况下效果更好。所以我想我也会给出这个答案。我没有“编辑”我之前的答案并添加它，因为我觉得这是一个完全独立的答案，我提供的两个答案并不相关。
我只是想补充一句，如果有人想用一个div标记来完成，那么这里是解决方法：
宽度为900px。
#styleName {
position: absolute;
left: 50%;
width: 900px;
margin-left: -450px;
}
在这种情况下，应该事先知道宽度。
一个简单的方法，对我来说，可以将一个未知宽度的块水平居中：
<div id="wrapper">
<div id="block"></div>
</div>
#wrapper {
position: absolute;
width: 100%;
text-align: center;
}
#block {
display: inline-block;
}
文本对齐属性可以添加到#block规则集，以独立于块的对齐方式对齐其内容。
这在Firefox、Chrome、Internet Explorer、Edge和Safari的最新版本上有效。
由于我不想更改容器/包装器元素的样式，所以这些解决方案都不适合我。这段代码对我有用：
position: absolute;
left: 50%;
margin-left: -50px;
top: 50%;
margin-top: -50px;
如果元素具有宽度和高度，则此解决方案有效
.包装器{宽度：300px；高度：200px；背景色：番茄；位置：相对；}.内容{宽度：100px；高度：100px；背景色：深蓝色；位置：绝对；顶部：0；右：0；底部：0；左：0；边距：自动；}<div class=“wrapper”><div class=“content”></div></div>
