幅や高さを指定した状態で、画像の中央を表示させる方法

幅や高さを指定した状態で、画像の中央を表示させる方法

カスタムサムネイルをわざわざ作らずに、画像を表示させたい幅と大きさを指定し、overflow: hidden;で表示させたいときに、
画像の中央を表示させたい!

そんな時に、このCSSでやればOKです!幅や高さはご自由に!

.chuouImg {
    text-align: center;
    height: 140px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

おすすめの本 
写真解体新書 ⇒ https://amzn.to/3Fsnmsx

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP