Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan artikel anda: * Mengapa Pusat Iframe Saya Tidak Mendatar dalam Div? * Cara Memusatkan Iframe Dalam Div: Penyelesaian Mudah * Memusatkan Iframe Hori

Cara Memusatkan Iframe Dalam Div Secara Mendatar

Pengenalan:

Memusatkan iframe secara mendatar dalam div boleh menjadi cabaran susun atur CSS biasa. Dalam artikel ini, kami akan meneroka isu tersebut dan menyediakan penyelesaian untuk mencapai penjajaran ini.

Isu:

Seperti yang digambarkan dalam contoh kod, iframe mungkin tidak kelihatan berpusat mendatar walaupun ia mempunyai lebar yang ditentukan dan "margin: 0 auto;". Ini kerana iframes secara semula jadi adalah elemen sebaris dan oleh itu tidak berkelakuan serupa dengan bekas div.

Penyelesaian:

Untuk memusatkan iframe, kita perlu menukar sifat paparannya untuk "menghalang". Ini menjadikan iframe berkelakuan seperti elemen peringkat blok, membenarkan "margin: 0 auto;" harta untuk berkuat kuasa dan mengagihkan margin sama rata.

Contoh Kod:

Kod CSS yang diubah suai di bawah akan memusatkan 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>

Dengan menambahkan "display: block;" kepada CSS iframe, iframe kini akan dijajarkan secara mendatar di tengah bekas div induknya.

Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan artikel anda: * Mengapa Pusat Iframe Saya Tidak Mendatar dalam Div? * Cara Memusatkan Iframe Dalam Div: Penyelesaian Mudah * Memusatkan Iframe Hori. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!