Saya menggunakan HTML <table>
dan saya ingin menyelaraskan teks <td>
ke tengah di setiap sel.
Bagaimana cara memusatkan menyelaraskan teks secara horizontal dan vertikal?
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.
vertical-align:middle
seharusnya diterapkan padatr
elemen?CSS untuk memusatkan teks pada
td
elemen Anda adalahsumber
Coba letakkan ini di file CSS Anda.
sumber
contoh tangan panjang:
css steno contoh:
sumber
<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.
sumber
valign
tidak digunakan lagi dalam HTML5. Jangan gunakan itu. Untuk pemformatan email,style
tag ataustyle
atribut inline akan menjadi solusi terbaik.Pemilih> anak:
sumber
<td align="center"valign="center">textgoeshere</td>
lebih lanjut tentang valign
sumber