قالب:Multicol
الاستخدام
{{Multicol}} is used to start a multi-column section of a page. Between each block of column text insert {{Multicol-break}} and close the last column with {{Multicol-end}}. For example:
{{Multicol}} This text appears in the first column. {{Multicol-break}} This text appears in the second column. {{Multicol-break}} This text appears in the third column. {{Multicol-end}}
You can have any number of columns. Each column will be the same width, equally dividing the available horizontal space. Each column has a small right margin (20 pixels), creating a "gutter" that prevents text in one column from touching text in the column to its right. See franl's user page for examples of how this template can be used.
المعلمات
This template has two optional parameters: the overall width of the set of columns - This can be an absolute value (e.g., 40em) or a percentage of the available page width (e.g., 50%). This parameter defaults to 100%. For example, to create a multi-column section that is only 50% the width of the page:
{{Multicol|50%}} This text appears in the first column. {{Multicol-break}} This text appears in the second column. {{Multicol-break}} This text appears in the third column. {{Multicol-end}}
The multi-column region is always positioned on the left side of the containing block. To change this, place the above Wikitext in a DIV block that has the CSS attribute text-align set to either center or right, like this:
<div style="text-align:center;">{{وسط| {{Multicol|50%}} ... {{Multicol-end}} }}</div>
- and the width of the gutter, in pixels, em, or anything else.
Related templates
The templates {{Col-begin}} and friends do something similar to this template and its friends, but this template may be easier to use. Each of the following examples produce the same result (a 3-column table in which all columns have equal width):
{{Multicol}} Column 1 {{Multicol-break}} Column 2 {{Multicol-break}} Column 3 {{Multicol-end}} |
{{Col-begin}} {{Col-3}} Column 1 {{Col-3}} Column 2 {{Col-3}} Column 3 {{Col-end}} |
It's simpler to add more columns to the {{Multicol}} example than to the {{Col-begin}} example, because in the latter case, all occurrences of {{عمو-3}} would need to be changed to {{Col-4}}.
The {{col-begin}}, {{col-break}} and {{col-end}} templates control columns of text on a page:
- {{col-begin}} - starts a table (followed by {{col-break}} for 1st column)
- {{col-break}} - triggers the start of each column
- {{col-end}} - ends the multi-column table.
The widths of columns can be specified by using various additional codes. See below for examples.
Usage
تعديل- {{col-begin|width=70%}} - start table with width.
- {{col-break|width=66%}} - start column-1 as 66% wide.
- This is text in col-1.
- {{col-break|width=33%}} - start column-2 as 33% wide.
- Text column-2.
- {{col-end}}
The table will have 2 columns, with column 1 twice (2x) the width of column 2.
A border of 2px (1px width on each side) corresponds to a 5%. Therefore, with a 2px border — for example, as in Wikipedia:Tutorial (Wrap-up and more info) — the width needs to be 95% for the table to fit within the screen. Since it's possible that some tables might not have a border, correction on the individual page could be made after substitution. Another way to create a two column table is like this:
{{col-begin|width=95%}} |- | Left column | Right column |} |
{{Col-begin}} {{Col-2}} Column 1 here {{Col-2}} Column 2 here {{Col-end}}
|
{{Col-begin}} {{Col-3}} Column 1 here {{Col-3}} Column 2 here {{Col-3}} Column 3 here {{Col-end}}
|
{{Col-begin}} {{Col-4}} Column 1 here {{Col-4}} Column 2 here {{Col-4}} Column 3 here {{Col-4}} Column 4 here {{Col-end}}
|
and so on, up to {{Col-5}}
|
{{{Col-begin|class=references-small}} {{Col-break}} Column 1 here {{Col-break}} Column 2 here {{Col-break}} Column 3 here {{Col-break}} Column 4 here {{Col-break}} Column 5 here {{Col-break}} Column 6 here {{Col-end}}
|
{{Top}} Column 1 here {{Mid}} Column 2 here {{Bottom}}
|
{{{Columns-start|num=3}} Column 1 here {{Column}} Column 2 here {{Column}} Column 3 here {{Columns-end}}
|
{{Multicol}} Column 1 here {{Multicol-break}} Column 2 here {{Multicol-break}} Column 3 here {{Multicol-break}} Column 4 here {{Multicol-end}}
|
Examples
تعديل- See: Col-break/examples.
See also
تعديل- {{Col-begin}} ({{Col-start}}), {{Col-begin-small}}
- {{Col-break}}
- {{Col-2}} ({{Col-1-of-2}}, {{Col-2-of-2}})
- {{Col-3}} ({{Col-1-of-3}}, {{Col-2-of-3}}, {{Col-3-of-3}})
- {{Col-4}} ({{Col-1-of-4}}, {{Col-2-of-4}}, {{Col-3-of-4}}, {{Col-4-of-4}})
- {{Col-5}} ({{Col-1-of-5}}, {{Col-2-of-5}}, {{Col-3-of-5}}, {{Col-4-of-5}}, {{Col-5-of-5}})
- For 6, use: {{Col-break|width=16.6%}} where the width 16.6% is roughly 100/6.
- For 7, use: {{Col-break|width=14.2%}} or for 8, use: {{Col-break|width=12.4%}}, etc.
- {{Col-end}} ({{End}})
- {{Top}}, {{Mid}}, {{Bottom}}
- {{Columns-start}}, {{Column}}, {{Columns-end}}
- {{Multicol}}, {{Multicol-break}}, {{Multicol-end}}
- {{Div col}}, {{Div col end}}
External links
تعديل- MULTICOL HTML tag
- CSS3 Columns, -moz-column-count
يمكن للمحررين تجريب تعديلاتهم على القالب في صفحات ملعب (أنشئ | مرآة) و مختبر (أنشئ). من فضلك أضف التصنيفات في الصفحة الفرعية للقالب /شرح. الصفحات الفرعية لـ قالب. |