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 style
atribut 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 : valign
Atribut 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.
valign
tidak digunakan lagi dalam HTML5. Jangan gunakan itu. Untuk pemformatan email, style
tag atau style
atribut 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:middle
seharusnya diterapkan padatr
elemen?