Template:Col-4
表示
このテンプレートは6,000以上のページで使われています。 余計な混乱やサーバーへの負荷を避けるために、どんな変更でも最初はテンプレートのサンドボックス・サブページ、テストケース・サブページもしくはあなた自身の利用者スペースのページで試すべきです。そうすれば、試した変更を1度の編集でこのテンプレートに加えることができます。しかし、最初にあなたの提案した変更を、この項目のノートで議論するようにお願いします。 |
このテンプレートは本当の列ではなく表を作ります。そのためモバイルデバイスや小さい画面では表示が完全でなく、アクセシビリティの観点から望ましくありません。CSSに基づいた段組みテンプレートを代わりに用いるか、段組みを使わないことを考えてください。 |
段組みテンプレートです。テーブルを使用しています。
使い方
{{Col-begin}}、{{Col-break}}、{{Col-end}}などを組み合わせて使います。
テーブルのWikiコードが行頭から始まるように、このテンプレートは行頭で使ってください。
{{Col-begin}} {{Col-2}} 1列目はここ {{Col-2}} 2列目はここ {{Col-end}}
|
{{Col-begin}} {{Col-3}} 1列目はここ {{Col-3}} 2列目はここ {{Col-3}} 3列目はここ {{Col-end}}
|
{{Col-begin}} {{Col-4}} 1列目はここ {{Col-4}} 2列目はここ {{Col-4}} 3列目はここ {{Col-4}} 4列目はここ {{Col-end}}
|
などなど、{{Col-5}}まで。
|
{{Col-begin}} {{Col-break}} 1列目はここ {{Col-break}} 2列目はここ {{Col-break}} 3列目はここ {{Col-break}} 4列目はここ {{Col-break}} 5列目はここ {{Col-break}} 6列目はここ {{Col-end}}
|
{{Columns-start|num=3}} 1列目はここ {{Column}} 2列目はここ {{Column}} 3列目はここ {{Columns-end}}
|
{{Multicol}} 1列目はここ {{Multicol-break}} 2列目はここ {{Multicol-break}} 3列目はここ {{Multicol-break}} 4列目はここ {{Multicol-end}}
|
カテゴリー
このテンプレートを使用している記事は「Category:段組みにテーブルを使用している記事」に分類されます。
引数
引数 | 指定内容 | 既定値 | 説明 |
---|---|---|---|
width | 100% |
引数 | 指定内容 | 既定値 | 説明 |
---|---|---|---|
align | left | ||
valign | top | ||
width | (省略可) | 段の幅 | |
gap | (省略可) |
関連項目
段組みテンプレート
これらのテンプレートに互換性はありません。例として、{{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を使用するテンプレート同様、複数の画面幅に対応したレイアウトに適しています。