無くてはならないタイル状レイアウトです。
2021年まではflexでスタイリングしていましたが、2022年よりgridに変更しました。
※よってIEではブロック扱いになります。
ページレイアウト集グリッドセット
optionblock samplesample grid set
セット見出し
もっとも基本的なグリッド表示です。
列数を指定しない場合は「4」になります。
各コマは、それぞれ背景画像、背景色を設定可能です。
この場合、パッディングは自動で適用されます。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
端数は左寄せになります。
セットあとがき
セット見出し
上のセットの複製です。
- カラム数を「3」に
- 上下位置を「中央」
にしました。
各コマは、それぞれ背景画像、背景色を設定可能です。
この場合、パッディングは自動で適用されます。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
端数は左寄せになります。
セットあとがき
カルーセルスタイル
これも最初のセットの複製ですが、
- カラム数を「5」
- 表示モード「カルーセル表示にする」をON
にしました。
センターモード等も可能ですが、CSSの書き換えが発生するので、レスポンシブの挙動も含めプリセットです。