gpt4 book ai didi

html - 在 Facebook iframe 应用程序周围添加填充

转载 作者:太空宇宙 更新时间:2023-11-04 05:00:36 26 4
gpt4 key购买 nike

我有一个 Facebook iframe 应用程序,使用的是可变宽度。

我不知道如何在这个应用程序和外部 顶部内容、左边距和右侧内容之间创建空间。

目前,我的 Facebook 应用程序和周围的外部内容之间没有空间。

已经尝试了各种 CSS paddingmargin,但它们会在 iframe 应用 的内容中增加间距。

这是要求的相关标记(谢谢)。

HTML:

<!DOCTYPE HTML>
<html>
<head>
<!-- various FB metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5, user-scalable=yes" />

<title>Slideshow</title>
</head>

<body
<div id="slideshow">
<!-- various html/jquery for slideshow -->
</body>

CSS:

body {
margin-top: 20px; padding-top: 20px; /* only works with content INSIDE the app */

font-family: Verdana, sans-serif;
background-size: cover;
font-smoothing: antialiased;
background: radial-gradient(ellipse at center, #e5e5e5 0%,#5e8cba 100%); /* W3C */

/* browser-specific elided */
}

最佳答案

A) 用 >

结束你的 body 标签
<body>

B) 填充仅在内部有效。总是。而且我不相信 margin 在该内容中起作用。尝试在外部添加一个 div,并为其提供填充。

<!DOCTYPE HTML>
<html>
<head>
<!-- various FB metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5, user-scalable=yes" />

<title>Slideshow</title>
</head>

<body>
<div style="padding:5px">
<div id="slideshow">
<!-- various html/jquery for slideshow -->
</div>
</div>
</body>

关于html - 在 Facebook iframe 应用程序周围添加填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11606540/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com