当前位置: 首页 > 面试题库 >

如何在div中将绝对定位的元素居中?

陆涵畅
2023-03-14
问题内容

我需要在窗口中心放置一个div(带有position:absolute;)元素。但是我遇到了问题,因为 宽度未知

我试过了 但是,由于宽度是响应性的,因此需要对其进行调整。

.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>


 类似资料:
  • 问题内容: 在下面的示例中,绝对定位,我需要将其水平居中。通常,我会为相对定位的元素执行“ a”操作,但是我被困在这里。有人可以给我指路吗? HTML CSS 问题答案: 如果要在左属性上居中对齐。 对于顶部对齐,同样可以使用margin-top:(div的width / 2),概念与left属性相同。 将标头元素设置为position:relative很重要。 尝试这个: 如果您不想使用计算,可

  • 问题内容: 我在将属性设置为的元素居中时遇到问题。有谁知道为什么图像没有居中? 问题答案: 如果设置了宽度,则可以使用:

  • 本文向大家介绍怎样把一个div居中?怎样把一个浮动元素居中?怎样把绝对定位的div居中?相关面试题,主要包含被问及怎样把一个div居中?怎样把一个浮动元素居中?怎样把绝对定位的div居中?时的应答技巧和注意事项,需要的朋友参考一下 主要用到: text-alin: center; margin: 0 auto; position: relative | absolute; left: 50%; v

  • 我想为一个笔记应用程序添加笔记加号。我做了一个固定位置的圆,这样它总是可见的。然后,我想做两条线,形成一个加号,并将这些线居中。这是代码: null null 请告诉我如何将加号居中到固定位置的圆上。谢谢!

  • 我在硒java中是非常初级的水平。我试图在亚马逊中找到元素。 当我尝试运行此代码时,我找不到元素。请帮助修复此问题。 在此输入图像描述 这是我的代码

  • 本文向大家介绍如何让一个块元素绝对居中?相关面试题,主要包含被问及如何让一个块元素绝对居中?时的应答技巧和注意事项,需要的朋友参考一下 div{ position:fixed; right:0; left:0; bottom:0; top:0; margin: auto auto }