css - 在网页底部居中对齐文本

Question

footer {
  position: absolute;
  bottom: 8px;
  text-align: center;
}

我希望页脚在网页底部居中，但位置似乎覆盖了文本对齐。

Answer 1

footer 元素是一个block 元素。 block 元素占据其所在容器的整个宽度。

但是，当 block 元素设置为 position: absolute 或 position: fixed 时，它会尽可能地缩小。默认情况下，它与页面左侧对齐。

只需将此样式添加到您的页脚:

left: 0;
right: 0;