“模拟” 上COLGROUP边框宽度与IE7

<table class="myTable"> 
    <colgroup span="2" /><colgroup span="2" /> 
    <tr><td>........</tr>

等等......

然后在样式表：

table.myTable colgroup 
{ 
    border-right: solid 5px #ffffff; 
}

的点是我想要一些空间来分隔我的表中的群组。

它在Firefox和IE8中工作正常。我已经在任何地方都看过IE7没有为colgroup实现边框，但是这里是对你的想象力和创造力的调用，是否有人知道我如何在IE7中实现类似的结果，而不需要为每个单元添加类或生成空的cell ...

下面是Firefox 4中结果的一个例子：http://imageshack.us/photo/my-images/853/capturezz.png/ 生成的头文件可以是任意形式的LBIT，某些情况确实很复杂。这就是colgroup解决方案很有趣的原因，因为计算所需跨度相当简单。

每个建议将不胜感激。

2011-06-06 Johnny5

你的意思是'table.myTable colgroup'，对不对？ – BoltClock 2011-06-06 14:51:31

@BoltClock是的，就是这样，谢谢。编辑。 – Johnny5 2011-06-06 15:01:36

只是一个想法，但我只是意识到IE7不支持元素的边界，所以至少该行为在行和列之间是连贯的。 – Johnny5 2011-06-09 15:38:17

在IE7中没有太多经验，但这可能有效：您可以检查是否可以设置背景图像。并将该图像（使用所需的颜色）对齐到单元格的右侧，制作一些假边框。

在chrome中设置colgroup上的边框不起作用。设置背景图像确实有效。

格尔茨，

XpertEase

2011-06-06 15:02:19

我在这里得到了铬11，并且边界确实有效。我没有看到如何设置背景图像可以帮助我...因为我想创建列组之间的某种“差距”，设置背景图像只会填充适当颜色的这种差距，但我仍然必须创建这个差距。或者我误解了你的答案？ – Johnny5 2011-06-06 17:22:38

但是为什么你需要一个边框呢？相反，您可以使用填充或边距。 – 2011-06-06 17:38:27

因为这是一个相当简单但优雅的方式来获得我想要的结果... 我添加了一个生成的例子的图像到我的第一个问题的图像。 – Johnny5 2011-06-06 18:07:09

为了使用表格边框属性，必须设置以下规则。如果没有你不会得到他们

table { 
border-collapse:collapse; 
}

然后你会得到边界工作作为你假装

2013-02-26 01:49:04 Fico

Ooops。 2011年6月!!我希望你仍然在编码！ ja ja我不知道日期。太棒了。最好迟到，而不是完全没有。 – Fico 2013-02-26 01:58:11

我在发布到更新版本时回答了此问题。非常相似。有趣的我没有意识到我在这里发布。 – Fico 2013-02-26 02:11:41

回答