center - 在响应式网站上居中徽标

Question

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

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

我想要做的是使徽标和滑块中心一旦它们不再彼此相邻。

谢谢，

马特

score 1 · Accepted Answer

将 logo 和滑块放在一个 div 中，并给它一个固定的宽度。如果此 div 具有#inner id，则解决方案将是：

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

score 1 · Accepted Answer

hgroup您可以通过设置标签margin: 0 auto;text-align:center的子元素居中hgroup

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

score 0 · Accepted Answer

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

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

与其他样式一起，它应该居中

3 回答 3