Sitemap

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

Όταν προσθέτετε έναν πίνακα σε μια ιστοσελίδα χρησιμοποιώντας HTML, μπορεί να είναι πιο ελκυστικό οπτικά να τον κεντράρετε στη σελίδα.Το κεντράρισμα κειμένου και εικόνων γίνεται συνήθως μέσω της κλάσης στοίχισης κειμένου ή μέσω CSS, αλλά το κεντράρισμα ενός πίνακα απαιτεί διαφορετική προσέγγιση.Παρακάτω παρέχονται λεπτομέρειες για τον τρόπο κεντραρίσματος ενός πίνακα σε μια ιστοσελίδα.

Κεντράρισμα πίνακα σε HTML

Κατά την προσθήκη ενός πίνακα σε μια ιστοσελίδα, από προεπιλογή, στοιχίζεται στην αριστερή πλευρά της σελίδας ή του κοντέινερ, όπως φαίνεται παρακάτω.

HITS ΜΗΝΑΣ ΣΥΝΟΛΙΚΗ ΑΥΞΗΣΗ
324.497 Ιανουάριος 1998 -
436.699 Φεβρουάριος 1998 112.172

Ο πηγαίος κώδικας HTML για τον παραπάνω πίνακα είναι ο ακόλουθος.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Για να κεντράρετε αυτόν τον πίνακα, θα πρέπει να προσθέσετε ;margin-left:auto;margin-right:auto; μέχρι το τέλος τουχαρακτηριστικό στυλ στην ετικέτα

.Η ετικέτα πίνακα θα μοιάζει με την ακόλουθη.

Η αλλαγή του χαρακτηριστικού στυλ στην ετικέτα

, όπως φαίνεται παραπάνω, έχει ως αποτέλεσμα ο πίνακας να είναι κεντραρισμένος στην ιστοσελίδα, όπως φαίνεται παρακάτω.
HITS ΜΗΝΑΣ ΣΥΝΟΛΙΚΗ ΑΥΞΗΣΗ
324.497 Ιανουάριος 1998 -
436.699 Φεβρουάριος 1998 112.172
Υπόδειξη

Μπορείτε να προσθέσετε παραμέτρους στο χαρακτηριστικό στυλ στην ετικέτα

για να κάνετε τον πίνακα πιο ελκυστικό για τα μάτια.Προσθήκη padding: 2px; και διάστιχο:20px; προσθέτει απόσταση μεταξύ των σημείων δεδομένων και του περιγράμματος για να βελτιώσει την αναγνωσιμότητα.

Σχετική πληροφορία