为什么在colgroup / COL并不在Chrome工作(Why colgroup/col doe

2019-09-16 17:09发布

其中一个答案的我刚才的问题指出,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浏览器支持,但被其中一个答案困惑质疑有没有办法在表居中某些列? 。 答案的作者也指出一些限制: http://www.quirksmode.org/css/columns.html

不幸的是表中的列是相当难用,因为如果你使用它们,你本质上所具有的选择细分为两个方面的表:通过行和列。 一般的规则是,在一行上定义的任何风格否决列上定义的任何风格。

其次,W3C规定,只有少数声明可能对列上:边框,背景,宽度和可见性。 例外:IE7和更低的允许所有声明。

第三,有一些混乱的列样式是否施加到列作为一个整体,或向个体<td>通过它含有秒。 边框声明似乎也适用于列作为一个整体,但宽度被应用到单个细胞。

这使得在colgroup / COL几乎无用的中心。



文章来源: Why colgroup/col doesn't work in Chrome