Se sei un web designer principiante, potresti avere domande su come centrare il testo all'interno di una cella di tabella. Con questa guida, padroneggia questa tecnica in pochi minuti. È facile, anche se non l'hai mai provato prima.
Iniziare
Il centraggio del testo all'interno di una cella è fatto meglio con i CSS, proprio come se tu centra il testo in un altro elemento sulla tua pagina Web. Prima di iniziare, tuttavia, è necessario decidere cosa esattamente si desidera essere centrato. Con una tabella, hai diverse opzioni, inclusa ogni cella nella tabella; ogni cella di intestazione nella tabella ogni cella nella testa della tabella, nel corpo della tabella o nel piede della tabella. Puoi anche centrare una cella specifica o un insieme di celle all'interno del tavolo.
Inoltre, è necessario creare un foglio di stile interno nella testa del documento o allegato al documento come foglio di stile esterno. Metterai gli stili per centrare le celle della tabella in quel foglio di stile.
Come centrare ogni cella nella tabella
Aggiungi le seguenti righe al tuo foglio di stile:
td, th {allineamento del testo: centro;} Aggiungi le seguenti righe al tuo foglio di stile: th {allineamento del testo: centro;} Per centrare queste celle, è necessario aggiungere tag tabella che non sono sempre utilizzati, come ad esempio , thead th, thead td {allineamento del testo: centro;}tbody th, tbody td {allineamento del testo: centro;}tfoot th, tfoot td {allineamento del testo: centro;}
Rimuovi gli stili per le aree che non vuoi essere centrate. Per fare ciò, devi impostare una classe sulle celle che vuoi centrare. Aggiungi il seguente attributo alle celle della tabella che vuoi centrare: Quindi aggiungi il seguente al tuo foglio di stile: .centered-cell {allineamento del testo: centro;}
Puoi aggiungere questa classe a qualsiasi cella nella tua tabella. Non esitate a utilizzare questi stili su una qualsiasi delle vostre celle di tabella. Puoi usarli su celle unite o su celle singole e il testo all'interno sarà centrato. Come centrare ogni cella di intestazione nella tabella
Centratura di ogni cella nella tabella Testa, corpo o piede
Come centrare una cella o cella specifica in una tabella
class = "centrato-cell" >
Avvolgendo
