无法将绝对div对齐在中心[重复]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了无法将绝对div对齐在中心[重复]相关的知识,希望对你有一定的参考价值。

可能它与它的位置是absolute这一事实有关,但你仍然如何将absolute定位于div

使用top,而不是margin-top作品,但left而不是margin-left不会影响它。为什么?

.title
{
  display:block;
  position: absolute;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 10%;
  top : 80%;
}




<div class="title fontHugeTitle2"><h1> The Best  In Town </h1></div>
答案

left: auto; right: auto不会像margin: 0 auto一样用于居中div,但你有一个固定的宽度,你可以将left属性设置为剩下的一半,例如left: 5%

另一答案

div {
  width: 100%;
}

更改

<div class="title fontHugeTitle2"><h1> The Best  In Town </h1></div>

<div class="fontHugeTitle2"><h1 class="title"> The Best  In Town </h1></div>

以上是关于无法将绝对div对齐在中心[重复]的主要内容,如果未能解决你的问题,请参考以下文章

中心绝对定位的div [重复]

如何使用css中的绝对位置将子div定位到每个父div的中心[重复]

将元素与每个弹性框的中心底部对齐[重复]

将 div 元素与容器底部对齐 [重复]

如何左对齐和垂直对齐标题中的图像并将文本水平保持在div的中心[重复]

将锚标记对齐到 2 个 div 的底部,没有绝对位置 [重复]