Saya mempunyai beberapa kod HTML yang setara dengan:
<div style="border: 1px solid black">
<fieldset style="margin: 0">
<legend style="margin-top: 20px;">testing....</legend>
</fieldset>
</div>
Soalan saya ialah mengapa margin-top pada legenda tidak ditayangkan? Saya mahu menyelesaikan masalah ini hanya menggunakan CSS. Terima kasih!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jika anda benar-benar ingin melakukan ini, maka tetapkan
legend { float: left; }:legend { float: left; }<div style="border: 1px solid black"> <fieldset style="margin: 0"> <legend style="margin-top: 20px;">testing....</legend> </fieldset> </div>Cuba gunakan padding. Ini akan berjaya.
Sebab margin tidak berfungsi adalah kerana jarak antara sempadan dan kandungan teks dipanggil padding dan bukannya margin.
<div style="border: 1px solid black"> <fieldset style="margin: 0"> <legend style="padding-top: 20px;">testing....</legend> </fieldset> </div>