集中网站和徽标

时间:2014-10-21 16:15:45

标签: php css wordpress header

我希望我的网页徽标和文章位于网站的中心。目前一切都在左边。 我无法让它发挥作用。 例如,我尝试删除包装器并设置margin-left:auto;保证金右:自动;在徽标的课程中。什么都行不通。

对于这些帖子,我不知道从哪里开始。可能我不得不把所有东西放在一个容器中并使其成为中心? (连续应该有三个帖子,如果你有一个大屏幕,主题会将它们叠加到右边的屏幕边框)

非常感谢你。

编辑:图像类中的文本对齐完成了这项工作。谢谢你们,问题回答了!

3 个答案:

答案 0 :(得分:1)

#logobild {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

那将为你做到:)你的标题占据了100%的空间,因此内部的内容没有固定的尺寸来反对。 text-align值有助于此。

答案 1 :(得分:0)

尝试:

#logobild {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

答案 2 :(得分:0)

要使徽标居中,您可以在CSS中执行以下操作:

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

默认情况下,img元素是内联的,这意味着您的边距样式不会应用于它。当它设置为块级别时,边距设置将起作用。

为了使文章居中,我建议你给容器div一个宽度,如下所示:

#post-area {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

我不确定这是不是最好的方式,但似乎有效。