Template:Flexbox end
表示
(Template:)Flxから転送)
CSSでFlexboxを作成するためのテンプレートです。詳細はペアで使用する{{Flexbox start}}
の説明を参照してください。
テンプレートデータ
[編集]{{Flexbox start}}とペアで使用してCSSでFlexboxを作るためのテンプレートです。
パラメーター | 説明 | 型 | 状態 | |||
---|---|---|---|---|---|---|
パラメーターが指定されていません |
関連項目
[編集]段組みテンプレート
[編集]![]() | これらのテンプレートに互換性はありません。例として、{{Multicol}}に{{Multicol-end}}ではなく{{col-end}}を併用すると、HTMLの "div" (division) が閉じられず、以降の表示に不具合が発生します。 |
![]() |
:可能 | ![]() |
:不可能 |
テンプレート群 | 種類 | ウィキテーブルコード
の処理 ![]() |
レスポンシブ・デザイン モバイル対応 |
最初 | 段組み分け | 最後 |
---|---|---|---|---|---|---|
"Col" | Table | ![]() |
![]() |
{{Col-begin}} または{{Col-begin-small}} |
{{Col-break}} {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
"Columns" | Table | ![]() |
![]() |
{{Columns}} | – | – |
"Multicol" | Table | ![]() |
![]() |
{{Multicol}} | {{Multicol-break}} | {{Multicol-end}} |
"Col-float" | CSS float | ![]() |
![]() |
{{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
"Columns-start" | CSS float | ![]() |
![]() |
{{Columns-start}} | {{Column}} | {{Columns-end}} |
"Div col" | CSS columns | ![]() |
![]() |
{{Div col}} | {{No col break}}(この範囲を分割させない指定) | {{Div col end}} |
"Columns-list" | CSS columns | ![]() |
![]() |
{{Columns-list}} | – | – |
"Flexbox"![]() |
CSS Flexbox | ![]() |
![]() |
{{Flexbox}} | {{Flex-item}} {{Flex-item start}} .. {{Flex-item end}} |
– |
"Flexbox start"![]() |
CSS Flexbox | ![]() |
![]() |
{{Flexbox start}} | {{Flexbox end}} |
ウィキマークアップ(Help:ページの編集#マークアップ) (
{|
|
||
|-
|}
) を使った表作成の処理が出来るかどうか。処理が出来ない場合は、{{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}などの要素、または、HTMLタグ (<table>...</table>
,<tr>...</tr>
など) を使用する必要があります。Flexboxテンプレートは、セクションや図・表を左右に並べるといった段組み的な表示に使用することができます。CSS columnsを使用するテンプレート同様、複数の画面幅に対応したレイアウトに適しています。