在绝对定位的分段上居中对齐
在绝对定位的分段上居中对齐
提问于 2008-10-31 08:10:34
div#thing {
position: absolute;
top: 0px;
z-index: 2;
margin: 0 auto;
}
<div id="thing">
<p>text text text with no fixed size, variable font</p>
</div>div在顶部，但我不能用<center>或margin: 0 auto居中；
回答 9
Stack Overflow用户
回答已采纳
发布于 2008-10-31 08:27:05
如果你给你的div一个固定的宽度，你的问题可能会解决，如下所示：
div#thing {
position: absolute;
top: 0px;
z-index: 2;
width:400px;
margin-left:-200px;
left:50%;
}Stack Overflow用户
发布于 2012-12-11 01:45:44
div#thing
{
position: absolute;
width:400px;
right: 0;
left: 0;
margin: auto;
}Stack Overflow用户
发布于 2016-08-16 18:56:59
我知道我来晚了，但我想我应该在这里为那些需要水平放置绝对物品的人提供一个答案，当你不知道它的确切宽度时。
试试这个：
// Horizontal example.
div#thing {
position: absolute;
left: 50%;
transform: translateX(-50%);
}当您可能需要垂直对齐时，也可以应用相同的技术，只需像这样调整属性：
// Vertical example.
div#thing {
position: absolute;
top: 50%;
transform: translateY(-50%);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/252856
复制相关文章
相似问题
腾讯云开发者
