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

我编写了一个示例(请参见下文),该示例可在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>

最佳答案

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

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

10-04 16:45