Πώς να κεντράρετε ένα Div

Πίνακας περιεχομένων:

Πώς να κεντράρετε ένα Div
Πώς να κεντράρετε ένα Div

Βίντεο: Πώς να κεντράρετε ένα Div

Βίντεο: Πώς να κεντράρετε ένα Div
Βίντεο: ΠΩΣ ΠΗΓΑ *CHAMPION* DIVISION ΣΕ 24 ΩΡΕΣ (Fortnite Battle Royale) 2024, Απρίλιος
Anonim

Τα σύγχρονα πρότυπα διάταξης σελίδας δεν απαγορεύουν τη χρήση της διάταξης πίνακα, ωστόσο, η πολυεπίπεδη διάταξη, στην πραγματικότητα, έχει καταστεί υποχρεωτικό πρότυπο κατά τη δημιουργία ιστότοπων. Εκτός από τα προφανή πλεονεκτήματα, η αντικατάσταση της διάταξης του πίνακα έχει φέρει μερικά νέα μεγάλα και μικρά προβλήματα. Ένα από αυτά είναι η οριζόντια ευθυγράμμιση της δομής του μπλοκ στη σελίδα. Ας δούμε μερικούς πρακτικούς τρόπους για να ρυθμίσετε το επίπεδο στο κέντρο του πλάτους της σελίδας.

Πώς να κεντράρετε ένα div
Πώς να κεντράρετε ένα div

Απαραίτητη

Βασικές γνώσεις HTML

Οδηγίες

Βήμα 1

Μία από τις επιλογές για την επίλυση του προβλήματος της ευθυγράμμισης ενός επιπέδου (μπλοκ DIV) στο κέντρο του παραθύρου μιας ανοιχτής σελίδας παρακάμπτεται μόνο μέσω HTML (HyperText Markup Language - "hypertext markup language"). Πρέπει να τοποθετήσετε το μπλοκ μέσα στην ετικέτα. Ο απλούστερος κωδικός σελίδας, ο οποίος περιγράφεται με αυτόν τον τρόπο, μπορεί να φαίνεται, για παράδειγμα, ως εξής:

Ευθυγράμμιση DIV στο κέντρο

Βήμα 2

Μια άλλη επιλογή χρησιμοποιεί CSS (Cascading Style Sheets). Στο στυλ του ευθυγραμμισμένου επιπέδου, πρέπει να ορίσετε την αυτόματη ανίχνευση του ποσού της μετατόπισης από τα όρια παραθύρου. Ο κώδικας μιας τέτοιας σελίδας στην απλούστερη μορφή της μπορεί να είναι, για παράδειγμα, ως εξής:

Ευθυγράμμιση DIV στο κέντρο

Συνιστάται: