プログラミング

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

スポンサーリンク

pc画面

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

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

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

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

解決方法

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

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

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

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

 

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

スポンサーリンク

-プログラミング
-, , , , ,

© 2022 サカらいふ Powered by AFFINGER5