web-dev-qa-db-ja.com

HTMLテーブルの列を右揃え

3列のテーブルがあります。次のように、3番目の列を上の要素の右側に配置し、他の2つの列を左側に配置する必要があります。

(left column) (middle column)                                      (right column)

CSSなどを介してこれを行う方法はありますか?

12
Graslandpinguin

使用する width:100%テーブルと中央の列。

15
Vinay B R

やりたいことをする方法はいくつかあります。最も基本的なのは、タグ内で直接配置を変更することです

<td align='left'>data1</td><td align='right'>data1</td><td align='left'>data1</td>
<td align='left'>data2</td><td align='right'>data2</td><td align='left'>data2</td>
....

他の何か(cssスタイル)を変更する必要がある場合は、各.firstColumn.secondColumn<td>のようなクラスを作成できます。

列を直接変更しようとしましたが、機能しません( HTMLテーブルのcolgroup要素が機能していませんか?

4