css - 可滚动表 + overflow-x

Question

我目前正在测试该元素的多种行为，其中一种行为特别具有挑战性。

目标:准备一个具有固定高度和 scroll-y 的表格。 (这个已经做了)

局限性:表格很大并且超出了浏览器窗口(因此只能通过在浏览器中水平滚动才能看到)。

问题:当表格超出浏览器窗口时，指定的宽度不再正确并且 不与 垂直对齐。

例如:http://codepen.io/Carine/pen/xqKDa

你怎么看？你以前遇到过这个问题吗？

提前致谢

Answer 1

添加最小宽度和最大宽度属性:

试试这个:

th, td {
  width: 160px;
  max-width:160px;
  min-width:160px;  
}