Mengapa Iframe Saya Tidak Berpusat? (Pembetulan Harta `paparan`)

Pemusatan Mendatar Iframe

Jika anda menemui iframe yang tidak berpusat secara mendatar walaupun menggunakan margin: 0 auto;, isunya mungkin terletak dalam sifat paparan iframe. Secara lalai, iframe mempunyai paparan sebaris, yang menghalangnya daripada menjajarkan dengan elemen peringkat blok seperti div.

Untuk menyelesaikan isu ini dan memusatkan iframe secara mendatar, tambah peraturan CSS berikut:

<code class="css">iframe {
    display: block;
}</code>

Perubahan ini menetapkan sifat paparan iframe untuk disekat, membolehkan ia berkelakuan seperti elemen peringkat blok. Akibatnya, iframe kini akan menjajarkan dengan betul secara mendatar dengan div sekeliling.

Oleh itu, kod CSS yang dikemas kini berikut akan memusatkan kedua-dua div dan iframe secara mendatar:

<code class="css">div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

iframe {
    display: block;
    border-style: none;
}</code>

Atas ialah kandungan terperinci Mengapa Iframe Saya Tidak Berpusat? (Pembetulan Harta `paparan`). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!