colspanで結合したテーブルセル内(td)を中央寄せにするCSSを紹介します。
わたしの場合、td内を中央寄せする方法は知っていましたが、colspanをCSSで設定する方法は知りませんでした。
せっかくやり方を知ったので、メモ兼備忘録として残しておきたいと思います。
colspanで結合したテーブルセル内(td)を中央寄せにするCSS
まずは、何も設定していない表を見てみましょう。
次にcolspanで結合したテーブルセル内(td)を中央寄せにしてみます。
td[colspan]{text-align:center;}
最後はおまけで、colspanで4つのセルを結合した時のみ中央寄せにするCSSです。
td[colspan="4"]{text-align:center;}
思ったこととか
結合したセルを左寄せにするか、中央寄せにするかはともかく、指定方法を知っておいて損はないでしょう。
わたしの場合、WordPressテーマをハミングバードにしてから、ずっと気になっていたポイントなので、今回変更できてスッキリしました。
先延ばしにしていた点については、反省です。
Amazonの買い物で節約する方法
九荻 新
Amazonの支払い方法で一番お得なのはAmazonギフト券です。
なぜお得かと言えば、クレジットカードでチャージするとAmazonポイントがもらえるから。
(プライム会員が対象)
Amazonギフト券チャージタイプの注文時にキャンペーンページに記載されたクーポンコードを入力すると、後日0.5%のポイントが付与されます。
なぜお得かと言えば、クレジットカードでチャージするとAmazonポイントがもらえるから。
(プライム会員が対象)
Amazonギフト券チャージタイプの注文時にキャンペーンページに記載されたクーポンコードを入力すると、後日0.5%のポイントが付与されます。