現在、CSSで、flexboxが実現できず悩んでいる。この技術は、例えば3個のブロックを表示デバイスの幅が規定値より小さい場合縦向きに並べ、規定値より大きい場合横向きに並べるというテクニックである。今回は、CSSを教科書通り記述しているのだが、上手く動作しない。というか全く動作しない。
このテクニックの見せ所は、モバイル端末のディスプレイとパソコンのディスプレイとで表示する場合に、モバイルではブロック記事が縦向きに並び、パソコンでは、ブロック記事が横並びするところである。これがディスプレイのサイズに応じて自動的に切り替わるので、ホームページ作成がモバイル用とパソコン用を別々に作成しなくてよく、大変労力並びに時間節約ができる。
でも、まだ、今のところは上手く行かないので、別の教科書を購入することにした。多分その教科書には詳細にそのテクニックが記載されているのだろう。
尚、このテクニックの発展形として、例えば４個のブロックを２行２列にマトリクス形状に配列したり、縦又は横に１列ずつ配列したりすることも可能である。これが私の目的とする配列方式である。ここでいうブロックとは、記事とか写真とかのひと塊（１コラム）に該当する。
さてさて、新しい教科書が早く来ないかな？