如何强制TD没有内容呈现其边界？
https://stackoverflow.com/questions/602285
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
TD有一个DIV，我在其中使用jQuery的fadeOut函数删除，但是当它完成时，边框也消失了。
我想避免这种情况，除了添加<！>“<！> amp; nbsp; <！> （这会让它变丑）？
编辑：我正在使用Internet Explorer（6和7）
解决方案
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被称为<！> quot; partial <！> quot; （适用于IE7和IE8 Beta 1） MS CSS兼容性声明。无论什么<！> quot; partial <！> quot;意思是，没有实现<！>“show <！>”;很难被称为<！>“;部分支持<！>”;通过折叠表格边框，可以强制这些浏览器绘制单元格边框：
table {
border-collapse: collapse;
}
忽略<=>的设置。但是一旦折叠边框，无论如何都不需要设置，因为所有浏览器都会显示折叠的边框。
其他提示
<！> lt; td style = <！> quot; font-size：1pt <！> quot; <！> gt; <！> amp; nbsp; <！> lt; td <！> gt;
向单元格添加不间断空格：
<td> </td>
黑客攻击，但比添加图像更好。
我最终将一个透明的1px图像添加到单元格中，如 Jukka <！>“Yucca <！>”; Korpela 的。现在，如果没有更好的替代方案，我将使用此解决方案
所以如果你有一个如下表：
<table border="1">
<tr>
<td>Breakfast</td>
<td><div id="foo">Lunch</div></td>
<td>Dinner</td></tr>
</table>
你褪色，用jQuery，午餐，为什么不用fadeIn带回空白？
如下所示：
$("#foo").fadeOut("slow").html('').fadeIn("fast");
根据您要完成的内容，您可以将div的visibility - 属性设置为hidden，而不是将其display - 属性设置为none，即您必须恢复opacity 和并在调用<=>后手动设置<=>。fadeOut()
