我目前正在创建一个网站, 并使用非常漂亮的Reykjavik主题。首先, 我创建了一个主题。现在, 我想对主题进行一些修改。在此模板中, 可以对页脚进行个性化设置, 但不能更改其位置。我提供与页面检查器一起检查它的位置, 但是什么也没找到…
我提供了修改我的style.css子主题的功能, 为页脚添加了相对位置, 但它没有任何改变。
你对如何使页脚文本居中有任何想法吗?
非常感谢你 :)
杰瑞
#1
我们在site-info类中添加边距:auto, 然后文本居中。
.site-info { margin: auto }
#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为中心
评论前必须登录!
注册