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对于居中几乎没有用。