テンプレート:Flexbox

◆テンプレートの解説 [表示] [編集] [履歴] [キャッシュを破棄] / サブページ一覧 / サンドボックス - テストケース

この説明文は 『 テンプレート:Flexbox/doc 』 から呼び出されています。

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

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

使い方

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

↓↓↓

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

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