宽表在发布的页面中变得拥挤

[rachel-statsnz (Rachel)]

大家好，

我一直在努力改善我已发布页面的外观，因为看起来宽表格会被挤压得很厉害。

编辑：这是页面链接

我曾尝试使用 CSS 来创建表格边框 和最大化表格宽度，
但我认为已发布的页面不显示主题组件

有什么办法可以让宽表格看起来更好吗？

编辑 2：已发布的页面视图是否会被存储？

[nathank (Nathan Kershaw)]

CSS 应该仍然可以在已发布的页面上运行——只有 JavaScript 和类似的东西不能。

它确实有特定的类（当然）。

[Steven]

此已发布页面和表格存在两个问题。

内容包装器似乎有点小。

您可以尝试通过调整 max-width（css 的第一部分）来调整它，您可以更改该值，它仍然应该是响应式的。

然后表格的 width:100% 可能不起作用，可能是因为已发布页面的 css 略有不同。我已在自定义 css 中添加了第二部分来解决此问题。

这是代码：

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}

[rachel-statsnz (Rachel)]

太棒了，谢谢！代码确实让页面看起来好多了！但表格似乎仍然有些挤压？还有其他想法吗？

在平台上看起来是这样的：