Σχεδιασμός Ιστοσελίδας CSS - Πλεόκτηση και Καθαρισμός
- Προηγούμενη σελίδα Πλεόχρηση CSS
- Επόμενη σελίδα Αφαίρεση κύρους CSS
Σχεδιασμός Ιστοσελίδας CSS - Πλεόκτηση και Καθαρισμός
CSS float Η ιδιότητα καθορίζει πώς το στοιχείο θα πλέυσει.
CSS clear Η ιδιότητα καθορίζει ποια στοιχεία μπορούν να πλέυσουν δίπλα σε στοιχεία που καθαρίζουν και σε ποια πλευρά.
float ιδιότητα
float Η ιδιότητα χρησιμοποιείται για τη τοποθέτηση και τη διαμόρφωση του περιεχομένου, π.χ. να κάνει την εικόνα να πλέυσει αριστερά στο κείμενο του κουτιού.
float Η ιδιότητα μπορεί να ορίσει μια από τις εξής τιμές:
- left - Το στοιχείο θα πλέυσει στη αριστερή πλευρά του κουτιού του
- right - Το στοιχείο θα πλέυσει στη δεξιά πλευρά του κουτιού του
- none - Το στοιχείο δεν θα πλέυσει (θα εμφανιστεί στην τοποθεσία όπου εμφανίστηκε ουσιαστικά ο κείμενος). Προεπιλεγμένη τιμή.
- inherit - Το στοιχείο 继承其父级的 float 值
Η πιο απλή χρήση είναι:float Η ιδιότητα μπορεί να επιτύχει (στον τύπο των εφημερίδων) το αποτέλεσμα της περιβάλλονσης του κειμένου γύρω από την εικόνα.
Παράδειγμα - float: right;
Σε αυτό το παράδειγμα καθορίζεται ότι η εικόνα θα πρέπει να πλεύσει προς τα δεξιά:
Κορυφαία εκπαιδευτικά υλικά για τεχνολογίες του Web - ολοκληρωμένα δωρεάν. Στο CodeW3C.com, μπορείτε να βρείτε όλα τα εκπαιδευτικά υλικά που χρειάζεστε για τη δημιουργία ιστοσελίδων. Από τα βασικά HTML έως την προχωρημένη XML, SQL, JS, PHP.
Το παρατηρητήριο μας καλύπτει όλες τις πτυχές της τεχνολογίας του ιστότοπου. Περιλαμβάνει τα πρότυπα του W3C: HTML, CSS, XML. Και άλλες τεχνολογίες όπως JavaScript, PHP, SQL.
Στο CodeW3C.com, παρέχουμε χιλιάδες παραδείγματα. Χρησιμοποιώντας τον διαδικτυακό μας επεξεργαστή, μπορείτε να επεξεργαστείτε αυτά τα παραδείγματα και να δοκιμάσετε τον κώδικα.
Παράδειγμα
img {
float: right;
}
Παράδειγμα - float: left;
Σε αυτό το παράδειγμα καθορίζεται ότι η εικόνα θα πρέπει να εμφανιστεί στον κείμενο που είναι στο κείμενοΑριστεράΠλεύση:
Κορυφαία εκπαιδευτικά υλικά για τεχνολογίες του Web - ολοκληρωμένα δωρεάν. Στο CodeW3C.com, μπορείτε να βρείτε όλα τα εκπαιδευτικά υλικά που χρειάζεστε για τη δημιουργία ιστοσελίδων. Από τα βασικά HTML έως την προχωρημένη XML, SQL, JS, PHP.
Το παρατηρητήριο μας καλύπτει όλες τις πτυχές της τεχνολογίας του ιστότοπου. Περιλαμβάνει τα πρότυπα του W3C: HTML, CSS, XML. Και άλλες τεχνολογίες όπως JavaScript, PHP, SQL.
Στο CodeW3C.com, παρέχουμε χιλιάδες παραδείγματα. Χρησιμοποιώντας τον διαδικτυακό μας επεξεργαστή, μπορείτε να επεξεργαστείτε αυτά τα παραδείγματα και να δοκιμάσετε τον κώδικα.
Παράδειγμα
img {
float: left;
}
Παράδειγμα - Μη float
Σε αυτό το παράδειγμα, η εικόνα θα εμφανιστεί στην τοποθεσία όπου εμφανίστηκε ουσιαστικά ο κείμενος (float: none;):
Κορυφαία εκπαιδευτικά υλικά για τεχνολογίες του Web - ολοκληρωμένα δωρεάν. Στο CodeW3C.com, μπορείτε να βρείτε όλα τα εκπαιδευτικά υλικά που χρειάζεστε για τη δημιουργία ιστοσελίδων. Από τα βασικά HTML έως την προχωρημένη XML, SQL, JS, PHP.
Το παρατηρητήριο μας καλύπτει όλες τις πτυχές της τεχνολογίας του ιστότοπου. Περιλαμβάνει τα πρότυπα του W3C: HTML, CSS, XML. Και άλλες τεχνολογίες όπως JavaScript, PHP, SQL.
Στο CodeW3C.com, παρέχουμε χιλιάδες παραδείγματα. Χρησιμοποιώντας τον διαδικτυακό μας επεξεργαστή, μπορείτε να επεξεργαστείτε αυτά τα παραδείγματα και να δοκιμάσετε τον κώδικα.
Παράδειγμα
img {
float: none;
}
Εκτενέστερη ανάγνωση
Εκπαιδευτικό βιβλίο:Φλοτ CSS
- Προηγούμενη σελίδα Πλεόχρηση CSS
- Επόμενη σελίδα Αφαίρεση κύρους CSS
