2

我创建了一个带有排序功能的水平滚动容器。

有一些要求:

  • 边界框是固定宽度
  • 溢出时必须滚动,不换行

这是 JSFiddle: http: //jsfiddle.net/6vXG2/(拖动带有粉色标题的列)

这完美适用于:IE9、Opera、Safari

但不适用于:Chrome、Firefox

在 Chrome 和 Firefox 中,元素开始跳跃。(顺便说一句,Firefox 上的行为在 Windows 和 OSX 之间是不同的,使用完全相同的版本 - 17.0.1)

最初使用 设计它时float:left,所有浏览器的行为都正确,但由于没有包装要求,我不能使用它。

任何想法如何解决这一问题?或者这是一个 jqueryui 错误/问题?

谢谢

编辑:

如果我添加border-collapse: collapse它在 Chrome 中再次正常运行,但在 Opera 中会中断。

编辑2:

找到了一个“弱”的解决方法float:left:参见http://jsfiddle.net/6vXG2/1/。不理想,但目前还可以。仍然开放的建议。

4

0 回答 0