アイコンWeb制作実験

HTML/CSS/jQuery/Fabric.js
を試した様子と結果です.

「CSSのfloatで段組レイアウト - 3段組、バー可変幅、右・左・中央順」のデモ

更新:

公開:2015-10-17

boxB1/B2/B3のみ、ウィンドウ幅が641px以上で3段組みになります。PCでご覧の方はウインドウ幅を広げたり狭めたりしてみてください。

A

B1

内容 内容 内容 内容 内容 内容 内容 内容 内容 内容

B2

内容 内容 内容 内容 内容 内容 内容 内容 内容 内容

B3

内容 内容 内容 内容 内容 内容 内容 内容 内容 内容

C

見やすくするためにCSSで多少の装飾をしています。