Amazon商品をお得に購入する方法 ▶ ▶ ▶

【CSS】Flexboxで画像が縦に伸びてしまう症状を直す方法を解説します【すぐ解決】

URLをコピーする
URLをコピーしました!

Flexboxは便利ですが、画像とテキストを横並びにした時に、
下記のようにテキストの高さが高くて、
画像が引き伸ばされてしまうことがあります。

See the Pen Untitled by kawashima (@kawashima) on CodePen.

こんな時は、display:flex;を書いてるタグに、
align-items: flex-start;を追記しましょう。

そうすると下記のように画像の高さが正常に戻ります。

See the Pen Untitled by kawashima (@kawashima) on CodePen.

Amazon商品をお得に購入する方法

悩む人

少しでもお得にAmazonで買い物できる方法を知りたい!

かわしー

Amazonチャージでの購入がおすすめです!

「Amazonチャージ」はAmazonギフト券にお金をチャージして買い物する方法です。

購入金額に合わせて最大2.5%のポイントをゲットできます。(下記の表参照)

Amazon公式ページより

「Amazonチャージ」はどなたでも何度でも使えるお得なサービス。

積み重ねていけば大きな額になるので、オトクに買い物したい方はやらなきゃ損ですよ。

Amazonチャージのご紹介

Amazonチャージはこちら

※チャージ自体はすぐ終わるのでお買い物の前に是非やってみてください

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次
TOP
目次
閉じる