{{{col1}}} {{{col2}}} {{{col3}}} {{{col4}}} {{{col5}}} {{{col6}}} {{{col7}}} {{{col8}}} {{{col9}}} {{{col10}}}
テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

使い方編集

{{columns
|bgcol     =       <!--背景色 (既定値 無し)-->
|colwidth  =       <!--カラムの幅 (既定値 15em)-->
|gap       =       <!--カラム間の幅 (既定値 1.25em)-->
|col1width =       <!--col1でのみ指定するカラムの幅-->
|col1      =       <!--入力必須-->
|col2width =       <!--col2でのみ指定するカラムの幅-->
|col2      =       <!--入力必須-->
|col3width = 
|col3      = 
...
|col7width = 
|col7      = 
}}

使用例編集

入力例
{{columns
|col1 = Simplest<br/>instantiation<br/>of
|col2 = this<br/>template
}}
表示結果
Simplest
instantiation
of
this
template


入力例
{{columns |bgcol=beige |width=8.5em |gap=3.25em

|col1 =
* These
* columns
* are
* more
* complex

|col2 =
The<br/>background<br/>is<br/>beige

|col3 =
; Each : column
; is   : 8.5[[:en:Em (typography)|em]]
; wide

|col4 =
{{{!}}
!colspan="2"{{!}} and
{{!-}}
{{!}} the {{!!}} gap
{{!-}}
{{!}}colspan="2"{{!}} between
{{!-}}
{{!}} each {{!!}} is
{{!-}}
!colspan="2" style="text-align:center;"{{!}} 3.25em
{{!}}}
}}
表示結果
  • These
  • columns
  • are
  • more
  • complex
The
background
is
beige
Each
column
is
8.5em
wide
and
the gap
between
each is
3.25em

カテゴリー編集

このテンプレートを使用している記事は「Category:段組みにテーブルを使用している記事」に分類されます。

関連項目編集

段組みテンプレート編集

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}}
dagger ウィキマークアップ(en:Help:Wiki markup) ({| | || |- |}) を使った表作成の処理が出来るかどうか。処理が出来ない場合は、{{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}などの要素、または、HTMLタグ (<table>...</table>, <tr>...</tr>など) を使用する必要があります。
double-dagger Flexboxテンプレートは、セクションや図・表を左右に並べるといった段組み的な表示に使用することができます。CSS columnsを使用するテンプレート同様、複数の画面幅に対応したレイアウトに適しています。