我想在窗口的中心放置一个div（with position:absolute；）元素。但我在这样做时遇到了问题，因为宽度未知。
我尝试了以下CSS代码，但它需要调整，因为宽度是响应的。
.center {
left: 50%;
bottom: 5px;
}
我怎样才能做到这一点？
当前回答
我使用了类似的解决方案：
#styleName {
position: absolute;
margin-left: -"X"px;
}
其中“X”是要显示的div宽度的一半。它适用于所有浏览器。
其他回答
我使用了类似的解决方案：
#styleName {
position: absolute;
margin-left: -"X"px;
}
其中“X”是要显示的div宽度的一半。它适用于所有浏览器。
据我所知，对于未知的宽度，这是不可能实现的。
如果这在您的场景中有效，您可以绝对定位一个100%宽度和高度的不可见元素，并使用margin:auto和可能的垂直对齐将元素居中。否则，您将需要JavaScript来执行此操作。
我只是想补充一句，如果有人想用一个div标记来完成，那么这里是解决方法：
宽度为900px。
#styleName {
position: absolute;
left: 50%;
width: 900px;
margin-left: -450px;
}
在这种情况下，应该事先知道宽度。
这对我有用：
<div class="container><p>My text</p></div>
.container{
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
您可以将图像放置在一个div中，添加一个div id，并让该div的CSS具有文本align:center:
HTML格式：
<div id="intro_img">
<img src="???" alt="???">
</div>
CSS:
#intro_img {
text-align: center;
}
