Question

我正在使用Squarespace进行编程，并希望在页脚后添加一些版权文本和徽标。由于我无法在不升级到开发人员版本的情况下使用HTML来执行此操作，因此我尝试使用CSS完全执行此操作。

页脚HTML代码为：

<footer id="footer" class="cf">...</div>

我的CSS是：

#footer::after{
  height:290px;
  background-image: url("logo-image-link");
  background-repeat:no-repeat;
  background-position: 50% 20%;
  width:100%;
  background-size: 397px 200px;
  content:"Copyright 2014 • Need 2 Speed • All Rights Reserved.";
}

我遇到的问题是内容中的短语：位于我在页脚之后创建的区域的左上角。我希望它集中在底部。有没有办法做到这一点？

您可以在此处的网站上看到它：http://www.n2sreno.com/

Answer 1

您可以使用text-align: center和padding-top代替height。

#footer::after {
  background-image: url("//static1.squarespace.com/static/5228c3b2e4b03f96f1b788e3/t/526ea98ee4b094e3038f506c/1437697275836/?format=1500w");
  background-repeat: no-repeat;
  background-position: 50% 20%;
  width: 100%;
  background-size: 397px 200px;
  content: "Copyright 2014 • Need 2 Speed • All Rights Reserved.";
  text-align: center;
  padding-top: 240px;
}

Answer 2

将属性“align：center”添加到这些类中。

.cf::before, .cf::after {
    content: " ";
    display: table;
    **text-align: center;**
}

CSS内容位置

2 个答案: