Rumah > Artikel > hujung hadapan web > 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!