Bản mẫu:Col-break

| style="text-align: left; vertical-align: top; " |

Tài liệu bản mẫu[xem] [sửa] [lịch sử] [làm mới]

Bản mẫu cột
Khả năng tiếp cận
Cơ bản
{{col-begin}} {{col-break}} {{col-end}} {{columns-list}}
Float
{{col-float}} {{col-float-break}} {{col-float-end}}
Div col
{{div col}} {{div col end}}

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

{{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ụ

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!

Ví dụ 1, sử dụng col-break

{{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:

Sản xuất theo năm

1980	50,000
1990	75,000
2000	90,000

Lợi nhuận theo năm

1980	$6,000
1990	$7,500
2000	$8,200

Ví dụ 2, sử dụng col-2

{{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:

Sản xuất theo năm

1980	50,000
1990	75,000
2000	90,000

Lợi nhuận theo năm

1980	$6,000
1990	$7,500
2000	$8,200

Ví dụ 3, sử dụng col-break với độ rộng được chỉ định

{{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}}

Ví dụ 4, sử dụng col-break với độ rộng ngoài tự động

{{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}}

Sản xuất theo năm

1980	50,000
1990	75,000
2000	90,000

Lợi nhuận theo năm

1980	$6,000
1990	$7,500
2000	$8,200

Ví dụ 5, Rất nhiều cột, sử dụng col-break

Sản xuất theo năm

1980	50,000
1990	75,000
2000	90,000

Lợi nhuận theo năm

1980	$6,000
1990	$7,500
2000	$8,200

Doanh thu theo sản phẩm

Widgets	$25,000
Foos	$65,500
Bars	$28,000

Xem thêm

Gia đình bản mẫu tạo ra cột

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ế.

Dữ liệu bản mẫu

Đây là các Dữ liệu về bản mẫu này. Nó được sử dụng bởi Trình soạn thảo trực quan.

Col-break

This template triggers the start of each column in a multi-column table.

Tham số bản mẫu

Tham số		Miêu tả	Kiểu	Trạng thái
Column width	width	Width of the column, defined as a percent (ie 50%)	Chuỗi	tùy chọn