Πρότυπο:ColBreak
Αυτή η τεκμηρίωση καλύπτει τα πρότυπα {{MultiCol}}
, {{ColBreak}}
και {{EndMultiCol}}
.
Χρήση
[Επεξεργασία]Χρησιμοποιείστε το {{MultiCol}}
για να αρχίσετε μία ενότητα που εκτείνεται σε πολλές στήλες. Για παράδειγμα:
{{MultiCol}} Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη. {{ColBreak}} Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου. {{ColBreak}} Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη. {{EndMultiCol}}
το οποίο μας δίνει:
Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη. |
Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου. |
Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη. |
Μπορείτε να έχετε όσες στήλες επιθυμείτε. Κάθε στήλη θα έχει το ίδιο πλάτος, διαιρώντας σε ίσα τμήματα τον διαθέσιμο χώρο στην σελίδα. Κάθε στήλη έχει, επίσης, ένα μικρό περιθώριο δεξιά (πλάτους 20px) ώστε το κείμενό της να μην «πέφτει» πάνω στο κείμενο της στήλης στα δεξιά της.
Αυτό το πρότυπο έχει μία προαιρετική παράμετρο: το συνολικό πλάτος όλων των στηλών. Αυτό μπορεί να εκφράζεται σε απόλυτη τιμή (π.χ. 12cm
) ή σε ποσοστό του διαθέσιμου πλάτους (π.χ. 50%
). Αρχική τιμή της παραμέτρου είναι το 100%
.
Για παράδειγμα, για δημιουργήσετε πολλαπλές στήλες σε τμήμα της σελίδας που έχει πλάτος μόνο το 50% του πλάτους της σελίδας, κάντε το ακόλουθο:
{{MultiCol|50%}} Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη. {{ColBreak}} Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου. {{ColBreak}} Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη. {{EndMultiCol}}
το οποίο μας δίνει:
Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη. |
Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου. |
Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη. |
Αυτή η περιοχή των πολλαπλών στηλών με καθορισμένο πλάτος τοποθετείται πάντα στην αριστερή πλευρά. Για να το αλλάξετε αυτό τοποθετείστε το παραπάνω κώδικα μέσα σε ένα μπλοκ div
με την ιδιότητα Cascading style sheet (CSS) text-align
είτε να έχει την τιμή center
ή right
, κάπως έτσι:
<div style="text-align: center"> {{MultiCol|50%}} ... {{EndMultiCol}} </div>
Η παραπάνω τεκμηρίωση ενσωματώνεται από τη σελίδα Πρότυπο:MultiCol/τεκμηρίωση. (επεξεργασία | ιστορικό) Οι συντάκτες μπορούν να πειραματίζονται στο αμμοδοχείο (δημιουργία | αντίγραφο) και στις δοκιμαστικές σελίδες (δημιουργία) του προτύπου. Υποσελίδες αυτού του προτύπου. |