Flex-Box-Style

このモジュールは https://wppart.yuzumaru.co.jp/css-flex-box-style/ の投稿で設定してあります。

親ボーダー
あり
なし
子ボーダー
あり
なし
スタイル挿入
挿入
Img margin
子要素折り返し
折り返さない
折り返す
左右揃え
左揃え
中央揃え
右揃え
端揃え均等
均等
垂直揃え
親高揃
上揃え
中揃え
下揃え
表示要素数
Item8
Item6
Item5
Item3
Data1
Data2
Data3
Data
Data2
Data
Data
Data
Data1
Data2
Data3
Data
Data2
Data

①フレックスコンテナー(以下をコピペして使います)
②フレックスコンテナー+2子要素(以下をコピペして使います)

②の子要素の内容を設定できます。

PictFrame:

width:

padding:

margin:



PictFrame:

width:

padding:

margin:

PictFrameを付けるときは padding:0 にすると良。
②のプレビュー
子要素折り返し
子要素左右揃え
子要素垂直揃え


メディア

関連記事

  1. 保護中: 通信記録(03/05)

  2. 保護中: よねたや通信記録(2024/4/30)