テンプレート:Flexbox/doc

	Docサブページ
	ご覧のページはテンプレートの解説ページで、テンプレートそのものではありません。

○○と✕✕を横並びにしたいな……でもスマホ閲覧時には折り返させたい！が実現できる。

実は引数1の内容を単に<div style="display: flex; flex-wrap: wrap;">と</div>で囲うだけのテンプレート。

使い方[編集]


{{Flexbox|1=
  {{Bgcolor|div|#cfc|テストテストテスト<br>テストテストテスト}}
  {{Bgcolor|div|#fcc|PC閲覧時のように余裕があれば右に表示され<br>スマホ閲覧時のようにスペースが無ければ折り返される}}
}}

↓↓↓

テストテストテスト
テストテストテスト

PC閲覧時のように余裕があれば右に表示され
スマホ閲覧時のようにスペースが無ければ折り返される