宽度可变的居中div，位于其他内容之上
提问于 2013-07-16 07:27:59
如何将宽度可变的元素水平居中放置在其他元素的顶部？
这里公认的答案是Easy way to center variable width divs in CSS很适合居中可变宽度，但它会将其他所有内容都向下推：
通常我会这样做：
position:absolute;
width:200px;
left:50%;
margin-left:-100px;但这需要设置宽度。
(它用于弹出的消息框，并且需要在其他文本的顶部居中。)
回答 6
Stack Overflow用户
回答已采纳
发布于 2013-07-16 07:35:11
你可以创建一个包装器：
#mydiv-wrapper {
width: 75%;
position: fixed;
left: 50%;
top: 50px;
margin: 0 0 0 -37.5%;
z-index: 10000;
text-align: center;
}通过这种方式，您可以在其中插入另一个div，而无需设置其宽度。宽度将自动计算。
#mydiv {
display: table;
margin: auto;
}这不会将其他元素向下推(感谢position: absolute)，而是会出现在其他元素的顶部(就像一个警告，只是为了清楚)。只需更改top属性即可设置所需的垂直位置。
Stack Overflow用户
发布于 2013-07-16 07:30:38
如果您不知道块的宽度
body /*or parent div selector*/{text-align:center};
div{display:inline-block};否则
div{margin:0 auto;display:block;}Stack Overflow用户
发布于 2013-07-16 07:30:39
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17670512
复制相关文章
![[译]在Solidity中创建无限制列表](https://ask.qcloudimg.com/http-save/yehe-2036920/2kj7wznpp3.jpeg)
腾讯云开发者
