Dalam HTML digubah menggunakan <form>
和<table>
. Ia kelihatan seperti ini:
<form ...> <table> <tr> <td></td> <td></td> </tr> ... <tr> <td></td> <td></td> </tr> </table> </form>
Untuk meletakkan borang/jadual ini di tengah-tengah halaman, anda boleh menggunakan yang berikut CSS
:
table { margin: 0px auto; }
Sumber:
Sehingga semuanya okay.
hendaklah ke arah <form>
中添加<fieldset>
和legend
时,实际上是添加到了<table>
. Oleh itu, struktur semasa adalah seperti berikut:
<form ...> <fieldset> <legend>一些描述...</legend> <table> <tr> <td></td> <td></td> </tr> ... <tr> <td></td> <td></td> </tr> </table> </fieldset> </form>
Dua situasi berlaku di sini:
<fieldset>
sama saiz dengan bentuk/meja itu sendiri? Permohonan adalah seperti berikut:
fieldset { display: inline-block; }
Sumber:
Walaupun ia berfungsi seperti yang diharapkan, <table>
masih di sebelah kiri.
Soalan
Perkara sedemikian?