締切済み

CSS3のnth-childが上手くいかない

  • 困ってます
  • 質問No.9618355
  • 閲覧数26
  • ありがとう数2
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 60% (214/353)

テーブル内のテキスト配置をtext-align: center;にします。
左側の2番目以降をtext-align: left;にしたいです。
どうやったら良いでしょうか?
宜しくお願いします。

回答 (全2件)

  • 回答No.2

ベストアンサー率 50% (1273/2520)

コンピューター カテゴリマスター
>一番上の「1ヒート」も左になってしまいますが…
だから、最初のタグは、TDではなくTHなんです。
先頭とそれ以降を区別するためなので。

THのデフォルトはセンターなので、resetCSSをしてCSSが
リセットされている場合は、THタグにも、
センター属性をつけてあげればOKですよ。
先ほどのソースをそのまま、Chromeで表示すると、
「1ヒート」の部分もセンターになるので、
その時に適応されているデフォルトのCSSを
今の環境で設定すれば、それで完了です。
ただ。。
それだと、全部のTABLEが同じ結果になってしまうので、
気になるようでしたら、
table#name でID分けしたほうが、安全かもしれません。
ー>もちろん、使う時もtable id=nameで選択もしつつ。
お礼コメント
nkmyr

お礼率 60% (214/353)

そうですね。クラス名で調整すれば良いですね。
投稿日時 - 2019-05-20 17:05:30
  • 回答No.1

ベストアンサー率 50% (1273/2520)

コンピューター カテゴリマスター
<style>
table tr td {
/* これは深い意味はなく、centerになったことをわかるよう余白を作ってるだけ */
width:320px;
}
table tr td:last-child {
text-align:center;
}
</style>

<table border=1>
<tr>
<th>あいうえお</th><th>123</th>
</tr>
<tr>
<td>あいうえお</td><td>123</td>
</tr>
<tr>
<td>あいうえお</td><td>123</td>
</tr>
<tr>
<td>あいうえお</td><td>123</td>
</tr>
</table>
これでいいのかな?
各TABLE内のTR内に配置された「最後のTD」要素にセンターを
指定しただけです。
#ただし、デフォルトのCSSを一部使用していますので、
THなどに属性がついていない場合は、個別で設定すればOKです。
お礼コメント
nkmyr

お礼率 60% (214/353)

コメントありがとうございます。
一番上の「1ヒート」も左になってしまいますが…
投稿日時 - 2019-05-20 13:23:15
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する

ピックアップ

ページ先頭へ