如何调整此固定表格标题，使其左对齐而不是居中？

Question

因此，当我滚动时，表格标题是固定的，但它向左对齐而不是居中-我不确定该居中。我已经尝试过CSS，并且在jquery中没有成功...

我有一个全角示例在这里工作... https://jsfiddle.net/vladi/vuoe35n7/

现在我想将表格的宽度更改为660像素并将其居中。

我将表格的css从98％更改为660px，边距从margin：0 1％更改为margin：0 auto

https://jsfiddle.net/rbla/m605k9ov

似乎无法使克隆的标题正确排列吗？

  table {
      border-collapse:collapse;
      /* width: 98%; */
      /* margin: 0 1%; */
      width: 660px;
      margin: 0 auto;
  }

关于如何使此固定表标题居中以便与原始匹配的任何想法？我想知道它是否在jquery中

}

Answer 1

固定的标头元素是固定的（duh！），因此margin: auto技巧将不起作用。但是，解决方案很简单：将left: 0和right: 0添加到fixed类中，它将使内容居中，如下所示：

.fixed {
  top:0;
  position:fixed;
  left: 0;
  right: 0;
  display:none;
  border-top:none;
  border-bottom:none;
}

如您所见，您也可以使用width: 660px，因为它总是会被javascript覆盖。

Answer 2

您可以为此here找到另一种解决方案。查看以“此处的答案已过时”开头的答案，其中包括以下方法：

left: 50%;
transform: translateX(-50%);

“左：0，右：0”方法似乎工作得很好，但我认为这种转换在试图使内容居中时更明显，而对于“左：0，右：0”方法，尝试使其确信不会强制其达到100％的宽度。