colspanで結合したテーブルセル内(td)を中央寄せにするCSS

colspanで結合したテーブルセル内(td)を中央寄せにするCSSを紹介します。

わたしの場合、td内を中央寄せする方法は知っていましたが、colspanをCSSで設定する方法は知りませんでした。

せっかくやり方を知ったので、メモ兼備忘録として残しておきたいと思います。

タップできる目次

まずは、何も設定していない表を見てみましょう。

次にcolspanで結合したテーブルセル内(td)を中央寄せにしてみます。

td[colspan]{text-align:center;}

最後はおまけで、colspanで4つのセルを結合した時のみ中央寄せにするCSSです。

td[colspan="4"]{text-align:center;}

思ったこととか

結合したセルを左寄せにするか、中央寄せにするかはともかく、指定方法を知っておいて損はないでしょう。

わたしの場合、WordPressテーマをハミングバードにしてから、ずっと気になっていたポイントなので、今回変更できてスッキリしました。

先延ばしにしていた点については、反省です。

Amazonの買い物で節約する方法

Amazonの支払い方法で一番お得なのはAmazonギフト券です。

なぜお得かと言えば、チャージ金額に応じてポイントがもらえるから。
(コンビニ・ネットバンキング・ATM支払いが対象)

もしあなたがAmazonプライム会員で10万円チャージした場合、2,500円分のAmazonポイントがもらえます。

九荻新

初めてAmazonギフト券を購入する方は、1,000円分のポイントがもらえるキャンペーンを利用するとさらにお得です。