「テンプレート:Col-break」の版間の差分
提供: Yourpedia
細 (「テンプレート:Col-break」を保護しました: 度重なる荒らし ([編集=管理者のみに許可] (2016年9月27日 (火) 09:26(UTC)で自動的に解除) [移動=管理者のみに許可] (無期限))) |
細 |
||
| (同じ利用者による、間の2版が非表示) | |||
| 1行目: | 1行目: | ||
| − | <includeonly>| style=" | + | <includeonly><p></p> |
| − | {{Documentation | + | | style="width:{{{width|100%}}}; text-align:{{{align|left}}}; vertical-align:{{{valign|top}}}; padding-left:{{{gap|0.5em}}}; {{{style|}}}" |</includeonly><noinclude> |
| − | + | {{Documentation}} | |
| − | + | ||
</noinclude> | </noinclude> | ||
2018年6月23日 (土) 11:09時点における最新版
Col-X は、段組みテンプレートです。テーブルを使用しています。
使い方[編集]
{{Col-begin}}でテーブルの開始、{{Col-break}}または{{Col-2}} - {{Col-5}}で段の開始（段替え）、{{Col-end}}または{{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-begin}}
{{Col-5}}
1列目はここ
{{Col-5}}
2列目はここ
{{Col-5}}
3列目はここ
{{Col-5}}
4列目はここ
{{Col-5}}
5列目はここ
{{Col-end}}
|
6段以上の場合、{{Col-6}}のような専用のテンプレートは用意してありませんので、{{Col-break}}を使用してください。
- 6段の場合: {{Col-break|width=16.6%}}
- 7段の場合: {{Col-break|width=14.2%}}
- 8段の場合: {{Col-break|width=12.4%}}
のように列幅（width）を設定すれば、均等に分割できます。
{{Col-begin}}
{{Col-break|width=16.6%}}
1列目はここ
{{Col-break|width=16.6%}}
2列目はここ
{{Col-break|width=16.6%}}
3列目はここ
{{Col-break|width=16.6%}}
4列目はここ
{{Col-break|width=16.6%}}
5列目はここ
{{Col-break|width=16.6%}}
6列目はここ
{{Col-end}}
引数[編集]
Col-begin[編集]
| 引数 | 指定内容 | 既定値 | 説明 |
|---|---|---|---|
| width | 100% |
Col-break[編集]
| 引数 | 指定内容 | 既定値 | 説明 |
|---|---|---|---|
| align | left | ||
| valign | top | ||
| width | （省略可） | 段の幅 | |
| gap | （省略可） |
関連項目[編集]
- {{Columns-start}}, {{Column}}, {{Columns-end}} - floatを使用
{{Columns-start|num=3}}
1列目はここ
{{Column}}
2列目はここ
{{Column}}
3列目はここ
{{Columns-end}}
- {{Multicol}}, {{Multicol-break}}, {{Multicol-end}} - 表を使用
{{Multicol}}
1列目はここ
{{Multicol-break}}
2列目はここ
{{Multicol-break}}
3列目はここ
{{Multicol-break}}
4列目はここ
{{Multicol-end}}
- {{Div col}}, {{Div col end}} - CSS3マルチカラムレイアウトを使用
