以下是一些適合您文章的基於問題的標題： * 為什麼我的 iframe 不能在 Div 中水平居中？ * 如何使 Iframe 在 Div 中居中：一個簡單的解決方案 * 將 Iframe Hori 居中

如何將iframe 在Div 內水平居中

簡介：

簡介：

讓div 中水平放置可能是常見的CSS 佈局挑戰。在本文中，我們將探討該問題並提供實現這種對齊的解決方案。

問題：

如程式碼範例中所示，iframe 可能會儘管具有定義的寬度和“margin：0 auto;”，但不會出現水平居中。這是因為 iframe 本質上是內聯元素，因此其行為與 div 容器不同。

解決方案：

要讓 iframe 居中，我們需要更改其 display 屬性來「阻止」。這使得 iframe 的行為類似於區塊級元素，允許「margin: 0 auto;」屬性生效並均勻分佈邊距。

程式碼範例：

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

iframe {
    display: block;
    border-style: none;
}</code>

下面修改後的CSS 程式碼將使iframe 水平居中：透過新增「顯示：區塊；」對於iframe CSS，iframe 現在將在其父div 容器的中心水平對齊。

以上是以下是一些適合您文章的基於問題的標題： * 為什麼我的 iframe 不能在 Div 中水平居中？ * 如何使 Iframe 在 Div 中居中：一個簡單的解決方案 * 將 Iframe Hori 居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！