Come allineare contenuto in un tag TD

March 11

Il tag TD viene utilizzato per creare celle per le tabelle in una pagina Web. Essa serve come contenitore per il contenuto della cella. Invece di styling dei contenuti all'interno della cella direttamente, è possibile applicare stili al tag TD. Per impostazione predefinita, il contenuto di un tag TD sono allineato a sinistra e visualizzare in verticale al centro di ogni cella. Lo stile text-align gestisce l'allineamento orizzontale delle celle, mentre vertical-align gestisce allineamento verticale.

istruzione

1 Aprire il file HTML si sta cercando di modificare in un editor di testo, come Blocco note, WordPad o EditPad.

2 Posizionare il punto di inserimento appena prima del tag "<td>" che si desidera allineare.

3 Sostituire l'apertura "<td>" tag con il seguente codice HTML per centrare il contenuto della cella in senso orizzontale:

<Td style = "text-align: center;">

4 Sostituire l'apertura "<td>" tag con il seguente codice HTML per centrare il suo contenuto in verticale:

<Td style = "vertical-align: middle;">

5 Inserire il codice seguente invece per centrare il contenuto di una cella sia in verticale che in orizzontale:

<Td style = "text-align: center; vertical-align: middle;">