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.
valign
HTML5'te kullanımdan kaldırıldı. Bunu kullanma. E-posta biçimlendirmesi için bir style
etiket 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:middle
uygulanacak gerekiyordutr
eleman?