Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将此集中在网页上_Html_Css - Fatal编程技术网

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&amp;timezone=EST&amp;color=red&amp;size=300&amp;Title=&amp;Message=&amp;Target=&amp;From=2019,1,1,0,0,0&amp;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&amp;timezone=EST&amp;color=red&amp;size=300&amp;Title=&amp;Message=&amp;Target=&amp;From=2019,1,1,0,0,0&amp;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的合适容器