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

Question

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

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

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

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

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

我如何实现这一目标？

Answer 1

添加margin: 0 auto;。例如：

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