【CSS】画像を複数枚を１列に横並びにする方法　２段になって困っている、横に広がりすぎて困っている人は必見です

今回の【CSS】は、複数の画像を、１列に横並びにする方法をご紹介します。

画像を並べるとき困っていませんか？

画像を数枚を横並びにするとき、「flex」や「float」など使うと思います。

そのとき、画像サイズを調整しないと、最後の１枚が２段目にきてしまったり、body のサイズからはみ出てしまったりします。

解決方法

そんな時に使用するのが、

並べたい画像全てに、「width：100%」を設定しましょう。

これだけで、綺麗に１列に画像が横並びになります。
そしてサイズ調整も不要です。
とっても簡単ですよね。

是非お試しください。！！

画像関連の記事も紹介しておきます。