页面缩小时如何使所有内容都居中?

时间:2015-06-16 16:43:33

标签: html css semantic-ui

我刚刚从Bootstrap切换到Semantic UI并且在网格系统方面遇到了一些问题。

使用Bootstrap我可以设置一个1600px的/test,这样当有人缩小到荒谬的级别时,内容不会消失到两侧(没有人会真的会希望页面工作但我仍然想要覆盖我的基地)。使用Semantic,有两个结果:

1)使用max-width整个页面左对齐并以1600px截断。

2)如果没有max-width,那么东西的间隔太大(总是连接到边缘),标题内容会消失在左边。

如果您访问Semantic UI的主页并缩小,您可以看到该页面与标题内容(不是标题背景)一起居中,我认为他们为自己的页面使用自己的框架,因此必须以某种方式实现。

我如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

添加margin: 0 auto;。例如:

.container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}