HTML 表中 TD 元素的溢出属性答案

【问题标题】：Overflow property on TD elements in an HTML TableHTML 表中 TD 元素的溢出属性
【发布时间】：2013-08-03 08:16:39
【问题描述】：

我正在使用 HTML 表格以表格形式显示我的数据。我知道

td 元素在表格中的默认行为是改变它们的宽度和高度以适应其中的文本，即如图 (A) 所示

我是否有可能实现figure (b)中所示的效果，即我想使用CSS修改td元素，使其获得Figure (b)中的形状，即维护它的宽度和高度，但使自身内部的文本覆盖了兄弟td 元素？

PS：尝试使用 CSS 的 overflow 属性修复宽度和高度，但没有奏效。

注意我不想使用colspan 属性，即我仍然希望兄弟td 在那里（当然，它们里面不会有任何内容）。

为什么我想要实现这一点的原因是我正在使用jQuery plugin Datatable，这不适用于具有tds 且使用colspan 属性的表

【问题讨论】：

我不认为你会找到类似的东西，但你可以调查 wrap 和 whitespace CSS 属性，也许会取得一些进展。
如果你从你的代码中做一个小提琴，试一试会更好。
@T.J.Crowder，我已经更新了问题！
@KamranAhmed 我想唯一的改变是在td 中添加一个绝对定位的额外元素。
如果你想达到图（B）的效果，colspan正是你必须使用的。这就是桌子可以做的，这就是它们的设计目的。如果某些第三方库妨碍您这样做，请丢失第三方库。就这些。我什至不会建议您可能会发现 <caption> 有用，因为像这样愚蠢的库，它可能会在字幕上呕吐。

【解决方案1】：

最后，使用@teemu 建议，即

在td中使用绝对定位的额外元素

【讨论】：