如何强制TD没有内容呈现其边界？

Question

TD有一个DIV,我在其中使用jQuery的fadeOut函数删除,但当它完成时,边框也消失了.

我想避免这种情况,除了添加" "之外还有什么方法吗？(这会让它变丑)？

编辑:我正在使用Internet Explorer(6和7)

Answer 1

CSS:

table {
  empty-cells: show;
}

您还需要将IE置于标准渲染模式才能工作.添加doctype后,至少IE8(Beta 2及更高版本)播放效果很好.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 "http://www.w3.org/TR/html4/loose.dtd">

IE7及以下版本仍然不会这样做.empty-cells据说MS CSS兼容性声明支持"部分"(对于IE7和IE8 Beta 1).无论"部分"意味着什么,不实施"表演"都难以称之为"部分支持".通过折叠表格边框,可以强制这些浏览器绘制单元格边框:

table {
  border-collapse: collapse;   
}

设置empty-cells被忽略.但是一旦折叠边框,无论如何都不需要设置,因为所有浏览器都会显示折叠的边框.

Answer 2

向单元格添加不间断空格:

<td> </td>

一个黑客,但比添加图像更好的黑客.

Answer 3