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

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

2023年03月07日 [CSS]

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

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

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

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

関連記事はこちら！

スポンサーリンク

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

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

タグ：

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

サブコンテンツ

Copyright (C) 2025 都城市のホームページ制作、ネットショップ・運営コンサルならヒロクリエイト｜HIROCREATE All Rights Reserved.

TOP