Saya menggunakan HTML <table>dan saya ingin menyelaraskan teks <td>ke tengah di setiap sel.
Bagaimana cara memusatkan menyelaraskan teks secara horizontal dan vertikal?
Saya menggunakan HTML <table>dan saya ingin menyelaraskan teks <td>ke tengah di setiap sel.
Bagaimana cara memusatkan menyelaraskan teks secara horizontal dan vertikal?
Jawaban:
Berikut ini adalah contoh dengan styleatribut CSS dan inline :
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 : valignAtribut tidak digunakan lagi dalam HTML5 dan tidak boleh digunakan.
contoh tangan panjang:
<td style='text-align:center;vertical-align:middle'></td>
css steno contoh:
td{
text-align:center;
vertical-align:middle;
}
<td align="center" valign="center">textgoeshere</td>
Adalah satu-satunya jawaban yang benar, karena Anda bekerja dengan tabel yang merupakan fungsi lama yang paling umum digunakan untuk pemformatan email. Jadi taruhan terbaik Anda adalah tidak menggunakan gaya saja tetapi gaya inline dan tag tabel yang dikenal.
valigntidak digunakan lagi dalam HTML5. Jangan gunakan itu. Untuk pemformatan email, styletag atau styleatribut inline akan menjadi solusi terbaik.
Pemilih> anak:
.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:middleseharusnya diterapkan padatrelemen?