Ketika saya membuat tabel dalam html, tabel dengan lebar 100%, jika saya ingin semua sel (tds) dibagi dalam bagian yang sama, apakah saya harus memasukkan lebar % untuk setiap sel? Apakah saya "wajib &" untuk melakukannya?
Misalnya:
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td width="25%"></td>
<td width="25%"></td>
<td width="25%"></td>
<td width="25%"></td>
</tr>
</table>
ATAU yang berikut ini juga bisa menjadi prosedur yang tepat, tidak menulis lebar di setiap tds jika saya ingin masing-masing dibagi sama rata:
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Saya tahu ini bekerja dengan kedua cara tersebut, tetapi saya hanya ingin tahu cara yang "legit" untuk melakukannya.
Anda perlu memasukkan lebar % untuk setiap sel. Tapi tunggu, ada cara yang lebih baik untuk melakukan itu, namanya CSS:
<style>
.equalDivide tr td { width:25%; }
</style>
<table class="equalDivide" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Ya, Anda perlu menentukan lebar untuk setiap sel, jika tidak, sel akan mencoba menjadi "cerdas &" tentang hal itu dan membagi 100% antara sel mana pun yang menurut mereka paling membutuhkannya. Sel dengan konten yang lebih banyak akan mengambil lebih banyak lebar daripada sel dengan konten yang lebih sedikit.
Untuk memastikan Anda mendapatkan lebar yang sama untuk setiap sel, Anda perlu membuatnya jelas. Entah melakukannya seperti yang sudah Anda miliki, atau gunakan CSS.
table.className td { width: 25%; }
Anda dapat mencoba ini, saya akan melakukannya dengan CSS, tetapi saya pikir Anda menginginkannya dengan tabel tanpa CSS.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body leftmargin=0 rightmargin=0>
<table cellpadding="0" cellspacing="0" width="100%" border="1" height="350px">
<tr>
<td width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>
</table>
</body>
</html>