Html 如何将此集中在网页上
我正在经营一家树莓公司,以便在我家里有一个挂历。我想让这个钟水平居中,但当它坐着的时候,它在最左边。此代码是从免费提供此代码的网站复制的Html 如何将此集中在网页上,html,css,Html,Css,我正在经营一家树莓公司,以便在我家里有一个挂历。我想让这个钟水平居中,但当它坐着的时候,它在最左边。此代码是从免费提供此代码的网站复制的 实现这一点的最简单方法是将iframe包含在一个中心对齐的段落中,如下所示: <p style="text-align:center"> <iframe style="overflow: hidden; border: 0; margin: auto; padding: 0; width: 300px; height: 75px
实现这一点的最简单方法是将iframe包含在一个中心对齐的段落中,如下所示:
<p style="text-align:center">
<iframe style="overflow: hidden; border: 0; margin: auto; padding: 0; width: 300px; height: 75px;" src="https://www.clocklink.com/html5embed.php?clock=038&timezone=EST&color=red&size=300&Title=&Message=&Target=&From=2019,1,1,0,0,0&Color=red" width="300" height="150" frameborder="no" scrolling="no"></iframe>
</p>
实现这一点的最简单方法是将iframe包含在一个中心对齐的段落中,如下所示:
<p style="text-align:center">
<iframe style="overflow: hidden; border: 0; margin: auto; padding: 0; width: 300px; height: 75px;" src="https://www.clocklink.com/html5embed.php?clock=038&timezone=EST&color=red&size=300&Title=&Message=&Target=&From=2019,1,1,0,0,0&Color=red" width="300" height="150" frameborder="no" scrolling="no"></iframe>
</p>
展示你迄今为止所做的一切总是好的 通过使用绝对或固定位置,然后将左右偏移设置为0来实现对中。例如: 固定将粘贴到您的屏幕中心的元素,无论滚动。 “绝对”将使图像相对于其最近的相对父对象的宽度和高度居中,但是,您不能使用“绝对”的0偏移量,而是需要在图像居中之前摆弄一个百分比 最终的解决方案是,如果不选择调整位置,则应确保在父级上设置宽度,并修改边距以自动检测左/右尺寸,从而使其居中 像这样:
<style>
#container {
margin: 0 auto;
width: 512px;
}
#frame {
width: 100%;
}
</style>
<div id="container">
<iframe id="frame">
</div>
这是一个非常标准的解决方案,用于创建一个可在其中工作的容器。展示您迄今为止的尝试总是很好的 通过使用绝对或固定位置,然后将左右偏移设置为0来实现对中。例如: 固定将粘贴到您的屏幕中心的元素,无论滚动。 “绝对”将使图像相对于其最近的相对父对象的宽度和高度居中,但是,您不能使用“绝对”的0偏移量,而是需要在图像居中之前摆弄一个百分比 最终的解决方案是,如果不选择调整位置,则应确保在父级上设置宽度,并修改边距以自动检测左/右尺寸,从而使其居中 像这样:
<style>
#container {
margin: 0 auto;
width: 512px;
}
#frame {
width: 100%;
}
</style>
<div id="container">
<iframe id="frame">
</div>
这是一个非常标准的解决方案,用于创建在其中工作的容器。display:block;保证金:自动;它会起作用的。记住删除边距:0;在标记中
时钟帧{
显示:块;
保证金:自动;
}
显示:块;保证金:自动;它会起作用的。记住删除边距:0;在标记中
时钟帧{
显示:块;
保证金:自动;
}
以div换行。声明宽度为100%,然后进行文本对齐:居中 最佳实践目标{ 宽度:100%; 文本对齐:居中; }
以div换行。声明宽度为100%,然后进行文本对齐:居中 最佳实践目标{ 宽度:100%; 文本对齐:居中; }
这应该对你有用。不需要单独的CSS文件。您所需要做的就是将其包装在div块中,并指定一些居中样式属性元素
这应该对你有用。不需要单独的CSS文件。您所需要做的就是将其包装在div块中,并指定一些居中样式属性元素
您应该将原始代码段复制到您的答案并显示一个工作演示。您应该将原始代码段复制到您的答案并显示一个工作演示。对不起,mate它工作得非常好,这是一个包含原始代码段的工作演示。因此,请立即删除否决票YP不是IFrame的合适容器抱歉,mate它工作得很好,下面是一个包含原始片段的工作演示。因此,请立即删除否决票YP不是iframe的合适容器