テーブルに挿入した文字を下ぞろえにする方法ワードプレスのブロックエディ…

WordPress解決済み
momoさん
momo

テーブルに挿入した文字を下ぞろえにする方法

ワードプレスのブロックエディタで
テーブル機能をよく使います

表に入れた文字や画像はデフォルトでは上下の中心に揃っています
それを下ぞろえにしたいんですが
やり方がわかりません

調べた所
vertical-align:
の後ろに
bottom;
を記入するとの情報はみつけましたが
HTMLとして編集
で探しても
追記できる部分がみつけられませんでした

どのような方法があるのか教えていただければ幸いです
できればコードをいじらずに解決したいです
よろしくお願いいたします

みんなのコメント 4件

ベストアンサー

ユーザー660さん
ユーザー660さん

WordPress 管理画面の[外観]→[カスタマイズ]→[追加CSS]と進み、以下のコードを入力して保存すると反映されます。

table {
vertical-align: bottom;
}

おそらく水平方向も中央揃えにしたいかと思うので、以下のコードがオススメです。

table {
vertical-align: bottom;
text-align: center;
}

ただし、これを[追加 CSS]に入力すると、アフィリエイト広告など、反映させたくない要素にも反映される可能性があるので、その場合は別の方法があります。

まずは上記で試してみてください。

添付された画像

momoさん
momoさん質問者

@j_jetstreamさん
お世話になります
追加CSSに追記しましたが
なにも変化がありません

下に揃えたいセルと中央揃えのままで良いセルとがありますが
細かな設定はできるものでしょうか

添付された画像

ユーザー660さん
ユーザー660さん

以下にしてみてください。

table {
vertical-align: bottom!important;
text-align: center!important;
}

>下に揃えたいセルと中央揃えのままで良いセルとがありますが
>細かな設定はできるものでしょうか

できるかできないかで言えば、できます。
ただ、その塩梅がこちらでは不明なことと、テーブルごとに変わるのであれば、その辺の細かな制御が可能なプラグインを探して利用されたほうが早いですよ。

momoさん
momoさん質問者

@j_jetstream さん
いつもご丁寧にアドバイスくださり
本当にありがとうございます
教えていただいた追加CSSでチャレンジしてみます

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録