今回の【CSS】は、複数の画像を、1列に横並びにする方法をご紹介します。
クリックできる目次
画像を並べるとき困っていませんか?
画像を数枚を横並びにするとき、「flex」や「float」など使うと思います。
そのとき、画像サイズを調整しないと、最後の1枚が2段目にきてしまったり、body のサイズからはみ出てしまったりします。
解決方法
そんな時に使用するのが、
並べたい画像全てに、「width:100%」を設定しましょう。
これだけで、綺麗に1列に画像が横並びになります。
そしてサイズ調整も不要です。
とっても簡単ですよね。
是非お試しください。!!
画像関連の記事も紹介しておきます。 続きを見る
【CSS】画像に :hover しても、アニメーションが効かない。を解決!