加载时页面对齐中间向外/从右到左

Question

我在网站上工作，似乎无法摆脱 "page snapping" 页面加载。我最初使用 node.js 创建此应用程序，并使用 yeoman gulp webapp generator 将其转换为静态页面。

为了说明，我创建了一个 gif：

完整的网站可以在我的 github 上找到，它本质上是一些语义 ui 组件和我自己的 css。为了防止页面卡住，我在正文中添加了以下样式：

margin: 0;
padding: 0;

我原以为这会阻止页面对齐，但我想我遗漏了一些东西。非常感谢任何帮助！

Answer 1

知道问题了。这是因为您的内容不是一开始就生成的，而是因为内容而获得宽度。要解决这个问题，请给出 min-width:

.column.features .ui.compact.segment {
  min-width: 450px;
}

我可以看到添加这个 CSS 可以修复它。也许您可以在通过 AJAX.

加载内容后将其删除