【问题标题】:How to Center Align the iframe如何居中对齐 iframe
【发布时间】:2019-09-10 13:59:26
【问题描述】:

我想居中对齐 iframe,但它是左对齐的,这是我的代码 (下面这段代码会在大屏幕上运行,高宽未知)

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cast - Main Page</title>
    <style>
        body {
        height:100%;
        width:100%;
        padding:0px;
        margin:0px;
        overflow-y:hidden;
        overflow-x:hidden;

        }
        .iframe {
        width:100%;
        height:100%;
        padding:0px;
        }
    </style>
</head>
<body>
    <iframe src="imagegallery.html" class="iframe" id="mainframe"></iframe>

</body>

</html>

【问题讨论】:

  • 看起来您甚至没有尝试过aligntext-align 之类的基本操作,那么您希望它如何对齐?
  • 您是否尝试过在 html iframe 标签中应用宽度和高度?因为这总是对我有用
  • 如果你想在中心显示 iframe 本身,请添加:display:block; margin:0 auto; 另外,宽度需要以像素为单位或小于 100%。

标签: html css iframe


【解决方案1】:

将其包装在一个 div 中并应用 px;为我工作

【讨论】:

  • 虽然这可能会解决问题,including an explanation 关于如何以及为什么解决问题将真正有助于提高您的帖子质量,并可能导致更多的赞成票。请记住,您正在为将来的读者回答问题,而不仅仅是现在提出问题的人。请edit您的答案添加解释并说明适用的限制和假设。
猜你喜欢
  • 2013-05-24
  • 2016-08-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-26
  • 2020-09-08
  • 2013-10-13
  • 2019-12-14
相关资源
最近更新 更多