首頁 > web前端 > css教學 > 為什麼我的 iframe 不居中? ('顯示”屬性修復)

為什麼我的 iframe 不居中? ('顯示”屬性修復)

DDD
發布: 2024-10-29 04:05:29
原創
447 人瀏覽過

Why Is My Iframe Not Centering? (The `display` Property Fix)

iframe 水平居中

如果您遇到儘管使用margin: 0 auto; 但iframe 仍未水平居中;問題可能出在在iframe 的顯示屬性中。預設情況下,iframe 具有內聯顯示,這會阻止它們與 div 等區塊級元素對齊。

要解決此問題並使iframe 水平居中,請新增以下CSS 規則:

<code class="css">iframe {
    display: block;
}</code>
登入後複製

此變更將iframe 的顯示屬性設為區塊,使其表現得像區塊級元素。因此,iframe 現在將與周圍的 div 正確水平對齊。

因此,以下更新的 CSS 程式碼將使 div 和 iframe 水平居中:

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

iframe {
    display: block;
    border-style: none;
}</code>
登入後複製

以上是為什麼我的 iframe 不居中? ('顯示”屬性修復)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板