Bir HTML kullanıyorum <table>ve metnini <td>her hücrenin ortasına hizalamak istiyorum .
Metni yatay ve dikey olarak nasıl hizalayabilirim?
Bir HTML kullanıyorum <table>ve metnini <td>her hücrenin ortasına hizalamak istiyorum .
Metni yatay ve dikey olarak nasıl hizalayabilirim?
Yanıtlar:
İşte CSS ve satır içi styleözelliklere sahip bir örnek :
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Özellik HTML5'te kullanımdan kaldırıldı ve kullanılmamalıdır.
<td align="center" valign="center">textgoeshere</td>
E-posta biçimlendirmesi için en yaygın kullanılan eski işlevsellik içeren tablolarla çalışmanız nedeniyle tek doğru yanıt imho'dur. Bu yüzden en iyi seçeneğiniz sadece stil değil, satır içi stil ve bilinen tablo etiketlerini kullanmaktır.
valignHTML5'te kullanımdan kaldırıldı. Bunu kullanma. E-posta biçimlendirmesi için bir styleetiket veya satır içi styleözellik en iyi çözüm olacaktır.
Seçici> çocuk:
.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:middleuygulanacak gerekiyordutreleman?