wordpress主题的中心页脚

Question

我目前正在创建一个网站并使用非常好的Reykjavik主题。首先，我创造了一个儿童主题。现在，我想对儿童主题做一些修改。在此模板中，可以个性化页脚，但不能更改其位置。我提供给页面检查员检查它的位置，但什么也找不到.

​

​

我提供修改我的style.css子主题，将相对位置添加到页脚，但是它不会改变任何东西。

​

​

你知道如何对页脚的文字进行居中吗？

(非常感谢:)

曾傑瑞

Answer 1

我们为网站信息类添加页边距: auto，然后文本居中。

.site-info { margin: auto }

​

​

Answer 2

如果以块元素为中心，则为

这是如果你试图集中一个<div>，<img>等。

内联和块元素的W3Schools列表

您可能想考虑使用margin: 0 auto;

​

.centered {
  margin: 0 auto;
  /*margin:0 auto: this gives the element a 0 top and bottom margin, and automatically sets the left and right to the maximum it can be*/
  width:100px;
  /*You need to specify a width for this to work*/
}

<div>
  <p class="centered">
    Hello World
  </p>
</div>

​

如果您正在对内联元素进行居中

对于内联元素，如<span>、<img>或text元素

内联和块元素的W3Schools列表

为此，您只需使用text-align:center;

​

.centered {
  text-align: center;
  /*Just tell the text to center itself in the element*/
}

<p class="centered">
  Hello World!
</p>

​

资料来源

内联和块元素的W3Schools列表

CSS技巧:以CSS为中心