在 Firefox 中调整列大小时重叠的内容

【问题标题】：Overlapping content when resizing columns in Firefox在 Firefox 中调整列大小时重叠的内容
【发布时间】：2017-03-13 17:50:46
【问题描述】：

我正在尝试使用 jQuery 和 jQuery UI 的 resizable() 编写一个可调整大小的表格来实现这一目标。

我在使用 Firefox 时遇到问题，当文本大于列宽时，一个单元格的内容会覆盖在另一个单元格上。

我用我的桌子制作了一个小提琴：jsFiddle

有什么想法吗？

【问题讨论】：

【解决方案1】：

查看下面的链接..也许它适合你..

jsfiddle.net/euka4rm3/

这样你可以轻松调整列宽..

.td {
  display: table-cell;
  width:auto;
  border: 2px dashed #f0f;

使用宽度作为自动调整表格任何列的大小

如果不工作。检查这个新链接.. 希望对你有帮助

ihofmann.wordpress.com/2012/07/31/resizable-table-columns-with-jquery-ui/

【讨论】：