Sto usando un HTML <table>
e voglio allineare il testo <td>
al centro in ogni cella.
Come posso allineare al centro il testo in orizzontale e in verticale?
Sto usando un HTML <table>
e voglio allineare il testo <td>
al centro in ogni cella.
Come posso allineare al centro il testo in orizzontale e in verticale?
Risposte:
Ecco un esempio con CSS e style
attributi incorporati :
td
{
height: 50px;
width: 50px;
}
#cssTable td
{
text-align: center;
vertical-align: middle;
}
<table border="1">
<tr>
<td style="text-align: center; vertical-align: middle;">Text</td>
<td style="text-align: center; vertical-align: middle;">Text</td>
</tr>
</table>
<table border="1" id="cssTable">
<tr>
<td>Text</td>
<td>Text</td>
</tr>
</table>
EDIT : l' valign
attributo è obsoleto in HTML5 e non deve essere utilizzato.
esempio in linea a mano lunga:
<td style='text-align:center;vertical-align:middle'></td>
esempio css di stenografia:
td{
text-align:center;
vertical-align:middle;
}
<td align="center" valign="center">textgoeshere</td>
È l'unica risposta corretta imho, dal momento che si lavora con le tabelle che è la vecchia funzionalità più comune utilizzata per la formattazione della posta elettronica. Quindi la tua scommessa migliore è non usare solo lo stile ma lo stile in linea e i tag di tabella noti.
valign
è obsoleto in HTML5. Non usarlo. Per la formattazione della posta elettronica, la soluzione migliore sarebbe un style
tag o un style
attributo incorporato .
Selettore> bambino:
.text-center-row>th,
.text-center-row>td {
text-align: center;
}
<table border="1" width='500px'>
<tr class="text-center-row">
<th>Text</th>
<th>Text</th>
<th>Text</th>
<th>Text</th>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr class="text-center-row">
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
</table>
<td align="center"valign="center">textgoeshere</td>
vertical-align:middle
supposto non deve essere applicatotr
all'elemento?