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中文網其他相關文章!