Question

my previous question的答案之一指出colgroup / col应仅在IE中起作用。

我写了一个适用于IE9的示例（见下文）（第3列中的单元格内容），但不适用于最新版本的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>

Answer 1

实际上，我很确定只有IE支持这一点，但对问题Is there any way to center certain columns in table?的答案之一感到困惑。答案的作者还指出了一些限制： http://www.quirksmode.org/css/columns.html

不幸的是，表列很难使用，因为如果你使用它们，你基本上有一个表，它以两种方式细分：按行和按列。一般规则是，行上定义的任何样式都会否决列上定义的任何样式。

其次，W3C指定在列上只能使用少量声明：边框，背景，宽度和可见性。例外：IE7和更低版本允许所有声明。

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

这使得colgroup / col几乎没有用于居中。

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

1 个答案: