エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
表(table)の縦一列をCSSで一括センタリングしたり右寄せしたりする方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
表(table)の縦一列をCSSで一括センタリングしたり右寄せしたりする方法
2012年8月28日(火) 11時46分50秒 [Web関連] 表(table)の縦一列をCSSで一括センタリングしたり右寄せし... 2012年8月28日(火) 11時46分50秒 [Web関連] 表(table)の縦一列をCSSで一括センタリングしたり右寄せしたりする方法 HTMLで表組みを作ったとき、列単位(縦方向単位)でセル内の文字列の表示位置を調整したいことがあります。例えば、名称を書く列をセンタリングしたいとか、面積や料金など数値を書く列を右寄せしたいとか。 文字列の表示位置は、text-alignプロパティで設定できるわけですが、表組みの列(縦方向)のすべてのセルに対して一括してセンタリングしたり右寄せしたりするには、ちょっと工夫が必要ですよね。colgroup要素やcol要素を使えば良いような気もしますが、どうもそれらの要素にtext-alignプロパティを指定しても無効になる(無視される)ようで、文字位置は調整されません。背景色とかなら、その方法で付加できるんですが。(CSS2 - 17 Tables -