可滚动表+ overflow-x

时间:2013-11-13 11:17:09

标签: css scrollable-table

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

目标:准备一张固定高度且具有固定高度和滚动y的表格。 (这已经完成)

限制:表格很大并且延伸到浏览器窗口之外(因此只能通过在浏览器中水平滚动来显示)。

问题:当表格延伸到浏览器窗口之外时,指定的宽度不再正常,并且不与垂直对齐。

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

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

提前致谢,

1 个答案:

答案 0 :(得分:1)

添加最小宽度& max-width属性:

试试这个:

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