CSSのflexbox（display:flex;）で、写真/画像を横並びにする。inline-blockやfloat:leftは使わない。＋ <div>の横幅一杯に画像を並べてリサイザブル（レスポンシブ）にする。
Webページで写真/画像を横並びにする方法として、以前は display: inline-block; display: table-cell; float: left; などを使っていた。どれもあまり使いやすいとは言えなかった。 CSS3から新しいレイアウトモジュールとして、flexbox display: flex; が追加された。この「display:flex;」を使えば、画像を簡単に横並びに…
