0

これが面白いことは知っていますが、タグcolを使用してテーブル内の特定の列を中央に配置する最良の方法を聞いたことがありません。

私はテーブルを持っています

<table>
<colgroup>
    <col />
    <col style="text-align: center;" />
</colgroup>
<tbody>
<tr>
    <td>
    </td>
    <td>
       I must be in center
    </td>
</tr>
<tbody>
</table>

しかし、それは私のテキストの中心ではありません、なぜだろうか？

4

2 に答える 2

1 
<table>
<colgroup>
    <col />
    <col style="text-align: center;" />
</colgroup>
<tbody>
<tr>
    <td>
    </td>
    <td class="center">
       I must be in center
    </td>
</tr>
<tbody>
</table>

CSS:

.center{
 text-align:center;
}

http://jsfiddle.net/cty4q/

于 2013-02-19T19:35:32.820 に答える
1

完璧な世界では、ソリューションは機能しますが、CSS カスケードはそのようには機能しません。しかし、そうではありません。CSS セレクターは強力だからです。私が見ているように、最良の選択肢は:nth-childorを使用すること:nth-of-typeです。

または、セルにクラス名を追加することもできます (手動またはできればプログラムで) が、それは簡単な方法です ;-)

参考文献：

アップデート：

どうやら、実際の http://jsfiddle.net/aRYqx/ にスタイルを適用することはcolgroup可能です。

于 2013-02-19T19:44:23.163 に答える