文章/答案/技术大牛

发布

社区首页 >问答首页 >如何调整这个固定的表头，使它对齐而不是中心？

问如何调整这个固定的表头，使它对齐而不是中心？
EN

Stack Overflow用户

提问于 2018-11-05 19:17:18

回答 2查看 80关注 0票数 0

因此，当我滚动时，表格标题是固定的，但它对左对齐，而不是居中-我不知道这个中心在哪里。我尝试过CSS和jquery，但没有成功.

我有个完整的例子在这里工作.https://jsfiddle.net/vladi/vuoe35n7/

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

我将表的css从98%更改为660 of，边距从0 1%更改为0 auto。

https://jsfiddle.net/rbla/m605k9ov

似乎不能让克隆头正确地对齐？

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

对于如何使这个固定的表头与原版匹配，有什么想法吗？我想知道它是否在jquery中。

}

css

javascript

jquery

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-11-05 20:25:52

您可以为这个here找到另一个解决方案。请看以“这里的答案已经过时”开头的答案，并包括以下方法：

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

“左: 0，右: 0”方法似乎工作得很好，但我认为这种转换读起来更明显的是试图将内容中心化，而对于“左:0，右:0”的方法，我必须尝试它，才能确信它不会强迫它达到100%的宽度。

票数 1

Stack Overflow用户

发布于 2018-11-05 19:43:37

固定的标头元素是固定的(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覆盖。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53160778

复制

相似问题

问如何调整这个固定的表头，使它对齐而不是中心？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何调整这个固定的表头，使它对齐而不是中心？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何调整这个固定的表头，使它对齐而不是中心？
EN