在 TinkTank.in Wordpress 网站上居中徽标答案

【问题标题】：Centering Logo on TinkTank.in Wordpress Site在 TinkTank.in Wordpress 网站上居中徽标
【发布时间】：2016-04-29 16:00:54
【问题描述】：

我正在尝试更新我的农场 (manayunkfarm.org) 的徽标，我需要将徽标居中。我想知道是否有人可以帮助我了解我需要如何做到这一点。

在 .logo 下的 style.css 中有这样的内容：

.logo {
position: absolute;
left: 50%;
width: 500px;
height: auto;
margin-left: -4.1665em; }

鉴于此信息，我不确定您是否可以帮助我，但请告诉我还有什么需要与您分享的。

谢谢

【问题讨论】：

【解决方案1】：

只要设置了宽度，它就会使任何 div/对象居中。

.logo {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 500px;
    height: auto;
    margin-left: auto;
    margin-right: auto; 
}

【讨论】：

这将起作用，在编辑器中修改代码后，这是一个完美的解决方案。另外，如果您想知道为什么选择器 .logo 没有做任何事情，那是因为您的选择器 (.header-home .logo) 覆盖了您的 .logo 选择器
您需要删除 .logo 选择器
如果你想让 logo 往下一点，只需添加这个代码 (margin-top: 100px;)
好的。想出了将页边距和每一页放在哪里，但主页看起来很完美。
很漂亮！谢谢！标记为已回答。

【解决方案2】：

你所要做的就是添加这个属性

文本对齐：居中；

【讨论】：