在 Wordpress 中通过 CSS 将徽标居中

Posted 2023-03-06

【中文标题】在 Wordpress 中通过 CSS 将徽标居中

【英文标题】：Center a Logo via CSS in Wordpress

【发布时间】：2012-10-15 04:58:50

【问题描述】：

我正在尝试在 Wordpress 上的 Canvas 中将网站 (here) 的徽标居中。我正在使用这个 CSS：

#logo img 
display: block;
margin-left: auto;
margin-right: auto;

不幸的是，它不起作用。不过，我可以像这样手动移动徽标：

#logo img 
display: block;
margin-left: 330px;

但是，通过使用左边距强制它，它会破坏移动网站（将徽标移动 3 英寸超过需要滚动）。

解决这个问题的最佳方法是什么？

【问题讨论】：

为什么是画布？并给 img 一个设定的宽度。

我检查了网站，徽标没有居中，因为它向左浮动。从#logo 中删除float 属性，它应该居中。

【参考方案1】：

在您的站点中，一个 id = 'logo' 的元素已被 css 浮动到左侧。

删除此元素的 float:left 声明。