Bản mẫu:Columns-end
 | Bản mẫu này sử dụng TemplateStyles: |
| Bản mẫu cột |
|---|
| Khả năng tiếp cận |
| Cơ bản |
|
| Float |
|
| Div col |
|
Bản mẫu {{col-begin}}, {{col-break}} và {{col-end}} kiểm soát các cột văn bản trên một trang:
- {{col-begin}}: bắt đầu một bảng (theo sau là {{col-break}} cho cột 1)
- {{col-break}}: kích hoạt bắt đầu của mỗi cột
- {{col-end}}: kết thúc bảng nhiều cột.
Độ rộng của các cột có thể được chỉ định bằng cách sử dụng các mã bổ sung khác nhau. Xem bên dưới để biết ví dụ.
Cách sử dụng
[sửa mã nguồn]{{col-begin|width=70%}}: bảng bắt đầu với chiều rộng.
{{col-break|width=66%}}: bắt đầu cột 1 rộng 66%.
Đây là văn bản trong cột 1.
{{col-break|width=33%}}: bắt đầu cột 2 rộng 33%.
Cột 2 văn bản.
{{col-end}}
Bảng này sẽ có hai cột, với cột 1 hai lần (2×) chiều rộng của cột 2.
Đường viền 2px (chiều rộng 1px trên mỗi bên) tương ứng với 5%. Do đó, với một đường viền 2px—cho ví dụ, như trong Wikipedia:Sách hướng dẫn/Tổng kết và thông tin thêm— Chiều rộng cần phải là 95% để bảng vừa với màn hình. Vì có thể một số bảng có thể không có đường viền, việc chỉnh sửa trên trang riêng lẻ có thể được thực hiện sau khi thay thế. Một cách khác để tạo bảng hai cột là như thế này:
{{col-begin|width=95%}}
|-
|
Cột trái
|
Cột phải
|}
|
{{Col-begin}}
{{Col-2}}
Cột 1 tại đây
{{Col-2}}
Cột 2 tại đây
{{Col-end}}
|
{{Col-begin}}
{{Col-3}}
Cột 1 tại đây
{{Col-3}}
Cột 2 tại đây
{{Col-3}}
Cột 3 tại đây
{{Col-end}}
|
và cũng vậy, lên đến {{Col-5}} |
{{Col-begin}}
{{Col-break}}
Cột 1 tại đây
{{Col-break}}
Cột 2 tại đây
{{Col-break}}
Cột 3 tại đây
{{Col-break}}
Cột 4 tại đây
{{Col-break}}
Cột 5 tại đây
{{Col-break}}
Cột 6 tại đây
{{Col-end}}
|
{{Columns-start|num=3}}
Cột 1 tại đây
{{Column}}
Cột 2 tại đây
{{Column}}
Cột 3 tại đây
{{Columns-end}}
|
Các ví dụ
[sửa mã nguồn]Dưới đây là một số mã ví dụ rằng bạn có thể sử dụng để tạo ra các cột văn bản trong bài viết trên wikipedia của bạn. Bạn có thể thay đổi độ rộng của các cột bằng cách thay đổi các từ mã nằm giữa văn bản của các cột. Chúc may mắn!
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Sản xuất theo năm
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Lợi nhuận theo năm
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
đưa ra:
|
|
{{col-begin}}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Sản xuất theo năm
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Lợi nhuận theo năm
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
đưa ra:
|
|
{{col-begin}}
{{col-break|width=80%}}
{| class="wikitable" style="width:18em"
|+ Sản xuất theo năm
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|width=20%}}
{| class="wikitable" style="width:18em"
|+ Lợi nhuận theo năm
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{col-begin|width=auto}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Sản xuất theo năm
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|gap=2em}}
{| class="wikitable" style="width:18em"
|+ Lợi nhuận theo năm
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
|
|
|
|
|
Xem thêm
[sửa mã nguồn]Gia đình bản mẫu tạo ra cột
[sửa mã nguồn] | Các bản mẫu được liệt kê ở đây không thể thay thế cho nhau. Cho ví dụ, sử dụng {{col-float}} với {{col-end}} thay vì {{col-float-end}} sẽ để lại mở "div" (phân chia) HTML, có khả năng gây hại cho mọi định dạng tiếp theo. |
| Gia đình | Loại | Xử lý mã
bảng wiki?  |
Bản mẫu bắt đầu | Phân chia cột | Bản mẫu kết thúc |
|---|---|---|---|---|---|
| "Col" | Bảng | Có | {{Col-begin}}, {{Col-begin-fixed}} hoặc {{Col-begin-small}} |
{{Col-break}} hoặc {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
| "Col-float" | CSS float | Có | {{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
| "Columns" | Bảng | Không | {{Columns}} | – | – |
| "Columns-list" | Các cột CSS | Có | {{Columns-list}} (bao bọc) | – | – |
| "Columns-start" | CSS float | Có | {{Columns-start}} | {{Column}} | {{Columns-end}} |
| "Div col" | Các cột CSS | Có | {{Div col}} | – | {{Div col end}} |
Tức là, các cột có thể xử lý đánh dấu wiki {| | || |- |} được sử dụng để tạo bảng? Nếu không, các mẫu tạo ra các phần tử này (chẳng hạn như {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) và/hoặc thẻ HTML (<table>...</table>, <tr>...</tr>, v.v.) sẽ cần được sử dụng thay thế.