Question

我需要将p元素与页面的底部中心对齐，但有些错误。我正在制作一个HTML5页面。

这是CSS选择器：

p { vertical-align:80px; }

Answer 1

如果您需要“将p元素对齐到页面的底部中心”

p {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

demo

但它不是大多数网站的最佳解决方案。假设您尝试使用某些版权（或年份或您的名字）设置页脚。在这种情况下，你必须使用更复杂的html和CSS，包括主div，页脚div等。

Answer 2

请试试这个：

CSS

html,body{
  marign: 0;
  padding: 0;
  height: 100%;
}
body:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
}
p{
  display: inline-block;
  vertical-align: bottom;
}

请查看demo。您将更改vertical-align p，将hime置于顶部或中间。

垂直对齐<p>元素</p>

2 个答案:

CSS