无法将绝对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对齐在中心[重复]的主要内容,如果未能解决你的问题,请参考以下文章
如何使用css中的绝对位置将子div定位到每个父div的中心[重复]