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

用于制作空单元格边框的CSS?

如何解决《用于制作空单元格边框的CSS?》经验,为你挑选了8个好方法。

即使单元格为空,我应该使用什么CSS来制作单元格的边框?

IE 7具体而言.



1> Grant..:

如果我记得,除非它充满了某些东西,否则某些IE中不存在该单元格......

如果你可以放一个 (不间断的空间)填补空白,那通常会有效.或者您需要一个纯CSS解决方案?

显然,IE8默认显示单元格,你必须隐藏它empty-cells:hide但它在IE7中根本不起作用(默认隐藏).


我不会这样做.添加 .投入  放大后会导致Firefox出现问题.
纯CSS会很好.我已经有了nbsps,但感觉很脏.:)
据我所知,这是唯一的解决方案,这就是我们的工作.
哇,这是一个很棒的小提示wbkang.
这应该是正确的答案.. http://stackoverflow.com/a/5172978/638670

2> Rasmus..:

另一种确保所有单元格中都有数据的方法:

   $(document).ready(function() {
      $("td:empty").html(" ");
    });


这很有效,因为你可以将它放在一个单独的"ie.js"文件中,以便通过条件注释包含它.在我的情况下,我不想改变我的后端IE浏览器显示错误.
` `不是` `

3> rpetrich..:

如果将border-collapse属性设置为collapse,IE7将显示空单元格.它也会折叠边界,所以这可能不是你想要的100%

td {
  border: 1px solid red;
}
table {
  border-collapse: collapse;
}
  Border-collapse Test 
    
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有