如何在div中将绝对定位的元素居中? [英] How to center absolutely positioned element in div?
本文介绍了如何在div中将绝对定位的元素居中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要在窗口中心放置一个 div
(具有 position:absolute;
)元素。但是我遇到了问题,因为宽度未知。
I need to place a div
(with position:absolute;
) element in the center of my window. But I am having problems doing so, because the width is unknown.
我尝试了这个。
.center {
left: 50%;
bottom:5px;
}
有什么想法吗?
推荐答案
<body>
<div style="position: absolute; left: 50%;">
<div style="position: relative; left: -50%; border: dotted red 1px;">
I am some centered shrink-to-fit content! <br />
tum te tum
</div>
</div>
</body>
这篇关于如何在div中将绝对定位的元素居中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文