Szablon:Układ wielokolumnowy/opis
Przejdź do nawigacji
Przejdź do wyszukiwania
Użycie
Szablon powoduje wyświetlenie treści w kilku kolumnach. Liczba kolumn może być elastyczna (zależna od szerokości okna przeglądarki).
Dwie formy użycia są zalecane:
{{Układ wielokolumnowy | szerokość = minimalna szerokość | liczba = maksymalna liczba kolumn | tekst }}
{{Układ wielokolumnowy | szerokość = minimalna szerokość | tekst }}
Znane problemy
- Ustawienie samego parametru „liczba” nie jest zalecane. Zbyt wiele kolumn (więcej niż 2) może powodować ściśnięcie tekstu w sposób nieczytelny.
- Działanie szablonu może być zakłócane przez niektóre znaki, na przykład „=”. Można poprzedzić tekst podaniem parametru „|1 = tekst”.
- W przeglądarce Internet Explorer w wersji poniżej 10 lista nie będzie dzielona na kolumny (ale będzie wyświetlana prawidłowo).
Przykłady
Przykład z szerokością
{{Układ wielokolumnowy | szerokość = 200px | ...}}
Treść zostanie rozlokowana w kolumnach o szerokości nie mniejszej niż 200 pikseli. Liczba kolumn będzie zależeć od szerokości okna przeglądarki (zobacz: responsive web design).
- Agami
- Aleksandria – Port Wschodni
- Aleksandria – Port Zachodni
- Amreya
- Anfoushi
- Assafra
- Attarine
- Azarita (Mazarita, oryginalnie Lazarette)
- Bab Sidra
- Bahari
- Bachus
- Bulkeley (Bokla)
- Burg el-Arab
- Cleopatra
- Dekheila
- Śródmieście
- Fleming
- Gabbari (Qabbari)
- Gianaclis
- Glym (skrót od Glymenopoulos)
- Gumrok
- Hadara
- Ibrahimeya
- Kabbary (Qabbary)
- King Mariout
- Kafr Abdu
- Karmous (Karmouz)
- Kom el-Dik (Kom el-Dekka)
- Labban
- Laurent
- Maamoura Beach
- Maamoura
- Mafrouza
- Mandara
- Manshiyya
- Mex
- Miami
- Montaza
- Muharram Bey
- Mustafa Kamel
- Ramleh (el-Raml)
- Ras el-Tin
- Rushdy
- Saba Pasha
- San Stefano
- Shatby
- Schutz
- Sidi Bishr
- Sidi Gaber
- Smouha
- Sporting
- Stanley
- Syouf
- Tharwat
- Victoria
- Wardeyan
- Zizinia
Przykład z liczbą
{{Układ wielokolumnowy | szerokość = 200px | liczba = 3 | ...}}
W tym wypadku szerokość kolumny będzie wynosić co najmniej 200px, a liczba kolumn maksymalnie 3. Ten wariant jest najlepszy jeśli nie chcemy, żeby kolumn nie było zbyt dużo w szerokim oknie. Jednocześnie układ nadal pozostaje responsywny (będzie wyglądał dobrze na komórce).
W Twojej przeglądarce wygląda to tak:
- Agami
- Aleksandria – Port Wschodni
- Aleksandria – Port Zachodni
- Amreya
- Anfoushi
- Assafra
- Attarine
- Azarita (Mazarita, oryginalnie Lazarette)
- Bab Sidra
- Bahari
- Bachus
- Bulkeley (Bokla)
- Burg el-Arab
- Cleopatra
- Dekheila
- Śródmieście
- Fleming
- Gabbari (Qabbari)
- Gianaclis
- Glym (skrót od Glymenopoulos)
- Gumrok
- Hadara
- Ibrahimeya
- Kabbary (Qabbary)
- King Mariout
- Kafr Abdu
- Karmous (Karmouz)
- Kom el-Dik (Kom el-Dekka)
- Labban
- Laurent
- Maamoura Beach
- Maamoura
- Mafrouza
- Mandara
- Manshiyya
- Mex
- Miami
- Montaza
- Muharram Bey
- Mustafa Kamel
- Ramleh (el-Raml)
- Ras el-Tin
- Rushdy
- Saba Pasha
- San Stefano
- Shatby
- Schutz
- Sidi Bishr
- Sidi Gaber
- Smouha
- Sporting
- Stanley
- Syouf
- Tharwat
- Victoria
- Wardeyan
- Zizinia
Parametry szablonu (strukturyzacja VE)
<templatedata> {
"description": "Szablon służy do tworzenia układu wielokolumnowego z zachowaniem grup.",
"params": {
"szerokość": {
"label": "minimalna szerokość",
"description": "Minimalna szerokość kolumn (np. 200px, 20em).",
"default": "20em",
"type": "string",
"required": true
},
"liczba": {
"label": "liczba kolumn",
"description": "Maksymalna liczba kolumn.",
"type": "number"
},
"1": {
"label": "treść",
"description": "Treść, która ma być podzielona na kolumny.",
"type": "string",
"required": true
}
}
} </templatedata>
Zobacz też
- {{Kolumny-start}} – szablon do tworzenia układu wielokolumnowego z zachowaniem grup.
{{col-begin}}– przestarzały szablon do sztywnych kolumn.
Linki zewnętrzne
- MDN: column-count.
- CSS Multi-column Layout Module, specyfikacja na stronach W3C.