个性化阅读
专注于IT技术分析

WordPress主题的中心页脚

我目前正在创建一个网站, 并使用非常漂亮的Reykjavik主题。首先, 我创建了一个主题。现在, 我想对主题进行一些修改。在此模板中, 可以对页脚进行个性化设置, 但不能更改其位置。我提供与页面检查器一起检查它的位置, 但是什么也没找到…

网站信息

我提供了修改我的style.css子主题的功能, 为页脚添加了相对位置, 但它没有任何改变。

CSS修改

你对如何使页脚文本居中有任何想法吗?

非常感谢你 :)

杰瑞


#1


我们在site-info类中添加边距:auto, 然后文本居中。

.site-info { margin: auto }
Reykjavik主题

#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>或文本元素

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为中心

赞(0)
未经允许不得转载:srcmini » WordPress主题的中心页脚

评论 抢沙发

评论前必须登录!