Bagaimana untuk Memusatkan Iframe Secara Mendatar dalam HTML dan CSS?

Memusatkan Iframe Secara Mendatar

Pertimbangkan HTML dan CSS berikut:

<div>div</div>
<iframe></iframe>

div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

Matlamatnya adalah untuk memusatkan iframe secara mendatar seperti div.

Walau bagaimanapun, iframe kekal dijajar kiri. Ini kerana iframes secara lalai adalah elemen sebaris. Elemen sebaris tidak menghormati margin: 0 auto; secara mendatar.

Untuk memusatkan iframe, anda perlu menjadikannya sebagai elemen blok. Ini boleh dilakukan dengan menambah paparan: blok; kepada CSS iframe:

iframe {
    display: block;
    border-style:none;
}

Dengan tambahan ini, iframe akan menjadi elemen blok dan akan bertindak balas kepada margin: 0 auto;. Ini akan memusatkannya secara mendatar seperti div.

Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Iframe Secara Mendatar dalam HTML dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!