コンテンツにスキップ

Template:Columns-start

テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

段組用テンプレートです。floatを使用しています。


使い方

[編集]

{{Columns-start}}{{Column}}{{Columns-end}}を組み合わせて使用します。

{{Columns-start|num=3}}
1列目はここ
{{Column}}
2列目はここ
{{Column}}
3列目はここ
{{Columns-end}}

引数

[編集]
{{Columns-start}}の引数の一覧
引数指定内容既定値説明
num 2段の数
class なし表示クラス
bgcolor なし段全体の背景色
width なし段全体の幅

引数はすべて省略可能です。

関連項目

[編集]

段組みテンプレート

[編集]
Yes :可能 No :不可能
テンプレート群 種類
ウィキテーブルコード
の処理dagger
レスポンシブ・デザイン
モバイル対応
最初 段組み分け 最後
"Col" Table Yes No {{Col-begin}}
または{{Col-begin-small}}
{{Col-break}}
{{Col-2}} .. {{Col-5}}
{{Col-end}}
"Columns" Table No No {{Columns}}
"Multicol" Table Yes Yes {{Multicol}} {{Multicol-break}} {{Multicol-end}}
"Col-float" CSS float Yes Yes {{Col-float}} {{Col-float-break}} {{Col-float-end}}
"Columns-start" CSS float Yes Yes {{Columns-start}} {{Column}} {{Columns-end}}
"Div col" CSS columns Yes Yes {{Div col}} {{No col break}}引数の内容を分割させない指定) {{Div col end}}
"Columns-list" CSS columns No Yes {{Columns-list}}
"Flexbox"double-dagger CSS Flexbox英語版 No Yes {{Flexbox}} {{Flex-item}}
{{Flex-item start}} .. {{Flex-item end}}
"Flexbox start"double-dagger CSS Flexbox Yes Yes {{Flexbox start}} {{Flexbox end}}
"Flex columns"double-dagger CSS Flexbox No Yes {{Flex columns}}
dagger ウィキマークアップ(Help:ページの編集#マークアップ英語版) ({| | || |- |}) を使った表作成の処理が出来るかどうか。処理が出来ない場合は、{{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}などの要素、または、HTMLタグ (<table>...</table>, <tr>...</tr>など) を使用する必要があります。
double-dagger Flexboxテンプレートは、セクションや図・表を左右に並べるといった段組み的な表示に使用することができます。CSS columnsを使用するテンプレート同様、複数の画面幅に対応したレイアウトに適しています。