在响应式网站上居中徽标

Question

我希望徽标和图片滑块以我的响应式网站为中心。

基本上，徽标和滑块在全尺寸屏幕上彼此相邻。当网站不够宽并且徽标缩小时，我可以使幻灯片消失。

我想要做的是在徽标和滑块不再相邻时使其成为中心。

请帮助：http://ranchocordovaeventscenter.com/

谢谢，

马特

Answer 1

您可以通过在hgroup

上设置margin: 0 auto;text-align:center来集中hgroup代码的子元素

这将导致内容在该div中居中

Answer 2

将徽标和滑块放在div中并赋予其固定宽度。如果此div具有#inner id，则解决方案为：

#inner {
width:1000px;
display:block;
}

Answer 3

给定的答案只有在你使用它们时才有效，以margin为中心：0 auto;仅在指定宽度时才有效，并且只将div显示为块将不会更改外观。 试试css：

div {
  width: 500px;
  margin: 0 auto;  }

以及其他样式，它应该居中