当前位置:  开发笔记 > 前端 > 正文

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

如何解决《如何强制TD没有内容呈现其边界?》经验,为你挑选了3个好方法。

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

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

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



1> Tomalak..:

CSS:

table {
  empty-cells: show;
}

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


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

table {
  border-collapse: collapse;   
}

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



2> andleer..:

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

 

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



3> finnw..:

 

推荐阅读
oDavid_仔o_880
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有