Templat:Div col end
Tampilan
| column-width column-count |
≥ 10 (2012) | ≥ 1.5 (2005) | ≥ 3 (2007) | ≥ 1 (2008) | ≥ 11.1 (2011) |
| columns | ≥ 10 (2012) | ≥ 9 (2011) | ≥ 3 (2007) | ≥ 1 (2008) | ≥ 11.1 (2011) |
| break-before break-after break-inside |
≥ 10 (2012) | ≥ 65 (2019) | ≥ 10 (2016) | ≥ 50 (2016) | ≥ 37 (2016) |
| Templat ini menggunakan Lua: |
| Templat ini menggunakan TemplateStyles: |
Templat {{div col}} (kependekan dari division columns) memformat daftar menjadi kolom-kolom yang menyesuaikan ukurannya secara responsif pada berbagai resolusi layar. Fitur ini secara otomatis membagi ruang layar yang tersedia menjadi bagian-bagian yang sama, artinya, misalnya, tidak perlu menebak berapa banyak kolom yang akan digunakan dan kemudian menentukan titik pemisahnya, misalnya, titik tengah untuk membagi daftar menjadi dua kolom, atau titik sepertiga dan dua pertiga untuk membagi daftar menjadi tiga kolom. Untuk mencegah bagian dari daftar terputus, templat {{no col break}} dapat digunakan.
Penggunaan
Penggunaan dasar
{{div col}}<!-- lebar default adalah 30em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}
- a
- b
- c
- d
- e
- f
- g
- h
Parameter
Terdapat enam parameter untuk templat ini:
|colwidth=- Menentukan lebar minimum kolom sehingga jumlah kolom secara otomatis didasarkan pada lebar layar (yaitu, lebih banyak kolom akan ditampilkan pada layar yang lebih lebar). Jika tidak ada nilai yang diberikan, templat akan menggunakan nilai default 30em. Lebar dapat ditentukan dalam CSS satuan panjang relatif atau absolut, misalnya, em (tentang lebar huruf kapital "M" dari jenis huruf yang ditampilkan), contohnya,
colwidth=20em. |rules=yes- Menambahkan garis vertikal ("rules") di antara kolom jika diatur ke
yes. |gap=- Menentukan jarak antara konten kolom yang berdekatan, dalam satuan lebar CSS yang valid, misalnya,
gap=2em. Jarak default (diatur oleh peramban) adalah 1em. |class=- Sebuah kelas HTML, atau beberapa kelas yang dipisahkan spasi, untuk diterapkan pada kolom-kolom tersebut.
|style=- Gaya CSS yang akan diterapkan pada kolom.
|small=yes- Mengatur ukuran font menjadi 90%.
|content=- Konten yang akan diterapkan pada kolom. Parameter ini pada dasarnya setara dengan {{columns-list}}, yang merupakan garis lurus untuk templat ini.