如何在div中将绝对定位的元素居中? [英] How to center absolutely positioned element in div?

查看:84
本文介绍了如何在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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆