为什么colgroup/col在Chrome中不起作用

my previous question的答案之一指出colgroup/col只能在IE中工作。为什么colgroup/col在Chrome中不起作用

我写了一个适用于IE9（第三列中心单元格内容）的示例（请参见下文），但不适用于最新版本的Chrome。

我做错了什么？ HTML的

例子：

<html> 
<head><title>test table centerring</title></head> 
<body> 

    <table border="1"> 
     <colgroup> 
      <col/> 
      <col/> 
      <col align="center"> 
     </colgroup> 
     <thead> 
      <tr> 
       <th>#</th> 
       <th>Name</th> 
       <th>Value</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>1</td> 
       <td>Name 1</td> 
       <td>Value 1</td> 
      </tr> 
      <tr> 
       <td>2</td> 
       <td>Name 2, Name 2, Name 2, Name 2</td> 
       <td>Value 2</td> 
      </tr> 
      <tr> 
       <td>3</td> 
       <td>Name 3</td> 
       <td>Value 3</td> 
      </tr> 
      <tr> 
       <td>4</td> 
       <td>Name 4</td> 
       <td>Value 4, Value 4, Value 4, Value 4</td> 
      </tr> 
     </tbody> 
    </table>   

</body></html>

来源

2012-04-23 Budda

他们表示，它只适用于IE浏览器，这意味着它不会在Chrome中工作。 – ricochet1k 2012-04-23 23:09:05

其实，我敢肯定，只有IE浏览器支持，但被其中一个答案困惑质疑Is there any way to center certain columns in table?。答案的作者也指出了一些限制： http://www.quirksmode.org/css/columns.html

不幸的是表中的列是相当难用，因为如果你使用它们，你本质上所具有的选择细分为两个方面的表：通过行和列。一般规则是任何在一行上定义的样式都否决了在列上定义的任何样式。其次，W3C规定在列上只能使用少数几个声明：边界，背景，宽度和可视性。例外：IE7和更低版本允许所有声明。

第三，列样式是作为一个整体应用于整列，还是应用于其包含的个人<td>s，存在一些混淆。边框声明似乎适用于整个列，但宽度应用于单个单元格。

这使colgroup/col几乎无用于居中。

来源

2012-04-26 02:52:31 Budda

为什么colgroup/col在Chrome中不起作用

回答

相关问题