iframe が中央に配置されないのはなぜですか? (「display」プロパティの修正)

Iframe の水平方向の中央揃え

margin: 0 auto; を使用しているにもかかわらず、水平方向の中央揃えにならない iframe が発生した場合、問題が存在する可能性があります。 iframe の表示プロパティにあります。デフォルトでは、iframe はインライン表示になっているため、div などのブロックレベルの要素と整列することができません。

この問題を解決して iframe を水平方向に中央揃えにするには、次の CSS ルールを追加します。

<code class="css">iframe {
    display: block;
}</code>

この変更により、iframe の表示プロパティが block に設定され、ブロックレベルの要素のように動作できるようになります。その結果、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 が中央に配置されないのはなぜですか? (「display」プロパティの修正)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。