"Bagian atas jidar yang tidak dipaparkan adalah pada legenda set medan"
P粉659516906
P粉659516906 2024-04-04 19:40:04
0
2
3702

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!

P粉659516906
P粉659516906

membalas semua(2)
P粉521013123

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>
P粉593118425

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>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan