Question

我试图将文字定位在居中位置，并与网页顶部保持一定距离。
发生的问题是将位置设置为绝对会覆盖text-align: centered;命令我也无法向上重新定位文本为什么会这样？

h1 {
    position:absolute;
    top:10px;
    text-align:center;
    font-family:impact;
    font-size:80px;
}

Answer 1

将h1位置设置为绝对值会使h1元素占据父亲的相对位置。文本对齐将文本设置为其父母相对位置的中心。所以他们互相矛盾，绝对定位总会赢。

让h1标签占据绝对位置是一个坏主意。我会为h1元素创建一个父div来获取绝对位置。看看这个jsfiddle就是一个例子。此外，玩各种方式绝对定位影响不同的元素。

    <div id="test">
       <div id="abs">
          <p class="text"> Hello </p>
       </div>
     </div>

祝你好运！