テーブルのTD枠内を一部はセンタリング、一部は左寄せに表記したい場合は、どのようにCSSを設定すればよいのでしょうか?ご存知の方がおりましたらご教授いただければと思います。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/04/13 17:18:03
  • 終了:2013/04/13 20:28:27

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4487ベストアンサー獲得回数18562013/04/13 18:18:38

ポイント200pt

センタリングしたい TD に class や id 属性で目印を付けて、それに対して text-align: center; を指定するのが基本です。
もし、HTML の方が変更できないのであれば nth-child 擬似クラスというのを使うと、「何番目」を指定してスタイルを適用することができます。

<table border="1" id="table">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></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/

他12件のコメントを見る
id:a-kuma3

良かった :-)

部分的に赤文字、太文字にする場合もやはりCSSにて個別で紐付けする必要がありますでしょうか?

そうです。タグやIDで目印をつけてあげる必要があります。
例えば、こんな感じで。

<span style="color: red; font-weight: bold">印刷枚数をまとめて計算します</span>

太字はスタイルじゃなくて、タグにしても良いかも。

<b style="color: red;">印刷枚数をまとめて計算します</b>
2013/04/13 20:26:05
id:idetuyo

なるほど、ありがとうございます。スタイルを触らずにタグ変更だけでできるならばありがたいです。ありがとうございます!本当に助かりました。

2013/04/13 20:28:14

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません