2012-04-23 27 views
5

my previous questionへの回答の1つは、colgroup/colがIEでのみ動作することです。なぜcolgroup/colがChromeで動作しないのですか

私は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> 
+0

彼らはIEだけで動作すると言います。つまり、Chromeでは動作しません。 – ricochet1k

答えて

2

は実は、私はIEがすることをサポートしていることをかなり確信していたが、Is there any way to center certain columns in table?を疑問視する回答のいずれかで混乱していました。その答えの著者は、いくつかの制限にも指摘:行でと列によって:あなたがそれらを使用する場合は、基本的に二つの方法で細分化されますテーブルを持っているので、 http://www.quirksmode.org/css/columns.html

は、残念ながら、表の列は、使用するのは非常に困難です。一般的な規則は、行に定義されたスタイルは、列に定義されたスタイルをすべて覆います。

第2に、W3Cは、列に対して境界、背景、幅、および可視性のような宣言を使用できないことを指定しています。例外:IE7以下ではすべての宣言を許可します。

第3に、列のスタイルが列全体に適用されるのか、それともそれに含まれる個別の<td>に適用されるのかには多少の混乱があります。境界宣言は列全体に適用されているようですが、幅は個々のセルに適用されます。

これにより、colgroup/colはセンタリングにほとんど役に立たなくなりました。

関連する問題