Bud*_*dda 5 html internet-explorer google-chrome cross-browser
我之前的问题的答案之一声明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>
实际上，我很确定只有 IE 支持这一点，但对问题是否有任何方法可以使表中的某些列居中？ 的答案之一感到困惑。。答案的作者还指出了一些限制： http://www.quirksmode.org/css/columns.html
不幸的是，表列很难使用，因为如果您使用它们，您实际上拥有一个以两种方式细分的表：按行和按列。一般规则是行上定义的任何样式都会优先于列上定义的任何样式。
其次，W3C 规定只能在列上使用少数声明：边框、背景、宽度和可见性。例外：IE7 及更低版本允许所有声明。
第三，列样式是应用于整个列，还是应用于其中
<td>包含的各个个体，存在一些混乱。边框声明似乎应用于整个列，但宽度应用于各个单元格。
这使得 colgroup/col 对于居中几乎毫无用处。