0デフォルトのワードプレスギャラリーで画像を垂直方向に中央揃え

グーグル検索がまだこれに対する答えを見つけていないなんて信じられませんでした—ワードプレスのシンプルな画像ギャラリーで画像を垂直方向に中央揃えできないのはクレイジーです. 多くの悩みの種の後 CSS 簡単な答えを見つけました

デフォルトでは、ワードプレスの画像ギャラリーには「ギャラリー」というクラスがあり、必要なのはフレックスボックスを適用することだけでした。 CSS このギャラリーへ. フレックスボックスをサポートしていない古いブラウザの場合、世界の終わりではない、垂直方向に中央に配置されていないギャラリーにフォールバックします。.

.ギャラリー
{
ディスプレイ: フレックス;
フレックスフロー: ラップ;
アイテムを揃える: センター;
}

以上です! キャプションのオンとオフの両方で機能し、ギャラリーに列や行がいくつあるかは関係ありません。.