Πλέγμα από boxes και απόκρυψη του τελευταίου αν είναι σε μία σειρά μόνο του

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
philos
Δημοσιεύσεις: 260
Εγγραφή: 30 Αύγ 2007 23:32

Πλέγμα από boxes και απόκρυψη του τελευταίου αν είναι σε μία σειρά μόνο του

Δημοσίευση από philos » 27 Οκτ 2016 19:22

Λοιπόν παιδιά έχω ένα σχετικό πρόβλημα με πλέγμα.
Έχω ανεβάσει εδώ ένα υπόδειγμα.

Το ζητούμενο είναι, με οποιονδήποτε αριθμό boxes > 2, όταν η τελευταία σειρά έχει μόνο ένα box, αυτό να μην εμφανίζεται (display: none).

Αν κάνετε resize το παράθυρο, θα δείτε ότι τα boxes μαζεύονται ανά σειρά. Απλά στην περίπτωση:
1-2-3
4-5-6
7-8-9
10

... το 10 δεν πρέπει να εμφανίζεται (για το παράδειγμα των 10 boxes). Ασφαλώς και θα πρέπει να λειτουργεί για κάθε πιθανό αριθμό boxes > 2.

Καμιά ιδέα;
Σκέφτηκα να χρησιμοποιήσω το javascript event onresize και να παίρνω το width του παραθύρου και έκανα κάτι δοκιμές με @media, αλλά δεν κατάφερα κάτι που να μπορεί να δουλεύει αντικειμενικά - σωστά όπως το θέλω. :-? :D

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Πλέγμα από boxes και απόκρυψη του τελευταίου αν είναι σε μία σειρά μόνο του

Δημοσίευση από fafos » 28 Οκτ 2016 01:42

pure css

Κώδικας: Επιλογή όλων

@media  (max-width:1200px) AND  (min-width:900px){
	.col:nth-last-child(-n + 3):nth-child(3n + 1), .col:nth-last-child(-n + 3):nth-child(3n + 1) ~ div
	{
		display:none;
	}
}
(ta min - max width einai sxetika alla sto paradeigma sou auta tairiazoyn)
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

sibas
Honorary Member
Δημοσιεύσεις: 1853
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Πλέγμα από boxes και απόκρυψη του τελευταίου αν είναι σε μία σειρά μόνο του

Δημοσίευση από sibas » 28 Οκτ 2016 08:58

+1 @fafos

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες