テンプレート:Col-float-end

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

CSSのfloat要素で段組みを表示します。

HTML <table>と異なり、複数の環境に対応しており、並列に見せるために幅を小さくして折りたたみます。

パラメータ

全て入力は任意で {{Col-float}} / {{Start col-float}}と、|firstcol=以外は{{Col-float-break}} / {{Break col-float}}で使用することができます。

• firstcol (Col-floatやStartでのみ)
• nextcol
• width

次の段の幅（Col-float/Startでは最初の段の幅）。IE系ブラウザではwidthの指定は必須で規定値は30.0em。

class

CSSのクラスを使ってスタイルを指定

style

追加のCSSスタイル要素

{{Col-float}}は番号パラメータを使用することができる(例として|1=を最初の段に|2=を2番目の段というふうに)。ただし、2番目以降は<nowiki/>を指定して改行する必要がある。さらに表では{{!}}を使用する必要がある。

使用例

{{Col-float-break}}を使用

1段目

• 1
• 2
• 3
• 4
• 5
• 6
• 7

2段目

• 8
• 9
• 10
• 11
• 12
• 13
• 14

{{col-float}}
;1段目
* 1
* 2
* 3
* 4
* 5
* 6
* 7
{{col-float-break}}
;2段目
* 8
* 9
* 10
* 11
* 12
* 13
* 14
{{col-float-end}}

番号パラメータを使用

1段目

• 1
• 2
• 3
• 4
• 5
• 6
• 7

2段目

• 8
• 9
• 10
• 11
• 12
• 13
• 14

{{col-float
|1=
;1段目
* 1
* 2
* 3
* 4
* 5
* 6
* 7
|2=<nowiki/>
;2段目
* 8
* 9
* 10
* 11
* 12
* 13
* 14
}}

関連項目

段組みテンプレート

：可能

：不可能

テンプレート群	種類	ウィキテーブルコード の処理	レスポンシブ・デザイン モバイル対応	最初	段組み分け	最後
"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を使用するテンプレート同様、複数の画面幅に対応したレイアウトに適しています。

この解説は、テンプレート:Col-float/docから呼び出されています。 (編集 | 履歴)
編集者は、このテンプレートをサンドボックス (作成 | 複製)とテストケース (作成)で試すことができます。（解説）
このテンプレートのサブページ一覧。