我想在窗口的中心放置一个div（with position:absolute；）元素。但我在这样做时遇到了问题，因为宽度未知。
我尝试了以下CSS代码，但它需要调整，因为宽度是响应的。
.center {
left: 50%;
bottom: 5px;
}
我怎样才能做到这一点？
当前回答
可以使用calc（）将纵横比为1的元素与位置绝对值居中
在下面的示例中，我使用了一个圆，因为它更容易解释和理解，但相同的概念可以应用于任何具有纵横比的形状：1表示宽度和高度相等。（关于纵横比）
：根目录{--直径：80px；}第二部分{位置：绝对；顶部：计算（50%-var（--直径）/2）；右：计算（50%-var（--直径）/2）；纵横比：1；width:var（--直径）；边界半径：100%；背景：蓝色；}＜div/＞
解释
其他回答
HTML格式：
<div id='parent'>
<div id='child'></div>
</div>
CSS:
#parent {
display: table;
}
#child {
display: table-cell;
vertical-align: middle;
}
我知道我已经给出了答案，我之前的答案和其他人的答案都很好。但我在过去使用过这个，它在某些浏览器和某些情况下效果更好。所以我想我也会给出这个答案。我没有“编辑”我之前的答案并添加它，因为我觉得这是一个完全独立的答案，我提供的两个答案并不相关。
这对我有用：
<div class="container><p>My text</p></div>
.container{
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
这是对我们有用的其他答案的混合：
.el {
position: absolute;
top: 50%;
margin: auto;
transform: translate(-50%, -50%);
}
#container
{
position: relative;
width: 100%;
float: left
}
#container .item
{
width: 50%;
position: absolute;
margin: auto;
left: 0;
right: 0;
}
这适用于垂直和水平：
#myContent{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
如果要使父对象成为元素中心，请设置父对象的相对位置：
#parentElement{
position: relative
}
对于垂直居中对齐，请设置元素的高度。感谢劳尔。如果要使父对象成为元素中心，请将父对象的位置设置为相对位置
