▽1
●
a-kuma3 ●200ポイント ベストアンサー |
センタリングしたい TD に class や id 属性で目印を付けて、それに対して text-align: center; を指定するのが基本です。
もし、HTML の方が変更できないのであれば nth-child 擬似クラスというのを使うと、「何番目」を指定してスタイルを適用することができます。
<table border="1" id="table"> <tr> <td>あ</td> <td>い</td> <td>う</td> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table>
TABLE#table TR TD { width: 5em; } TABLE#table TR:nth-child(2) TD:nth-child(2) { /* TR の2番目、TD の2番目を指定 */ text-align: center; }
jsFiddle でサンプルを書いてみたので、実際の感じを見てください。
http://jsfiddle.net/a_kuma3/4KVM2/1/