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中文网其他相关文章!