Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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 我们如何将iframe置于绝对位置div的中心_Html_Css_Css Position_Center - Fatal编程技术网

Html 我们如何将iframe置于绝对位置div的中心

Html 我们如何将iframe置于绝对位置div的中心,html,css,css-position,center,Html,Css,Css Position,Center,我试图将iframe标记放在a标记中,并将其css设置为text align:center,但没有成功 编辑对不起,我误导了我有一个iframe <div> <iframe type="text/html" width="640" height="360" src="https://www.youtube.com/..." frameborder="0" allowfullscreen=""></iframe> <button type=

我试图将
iframe
标记放在
a
标记中,并将其css设置为
text align:center
,但没有成功

编辑对不起,我误导了我有一个
iframe

<div>
    <iframe type="text/html" width="640" height="360" src="https://www.youtube.com/..." frameborder="0" allowfullscreen=""></iframe>
    <button type="button">Ajouter la vidéo...</button>
</div>

此代码应该可以解决您的问题:

img{
  display: block;
  margin: 0 auto;
}

a
是一个内联元素,您需要制作一个
block
级别元素,因为它是
inline
,您的
img
没有空间居中,所以请将其设置为
block
inline block
然后使用
text align:center用于
a

注意:如果使用的是
,则会占用100%的空间 使用
内联块
您需要为元素指定一些
宽度
, 否则就没用了



当你更新你的问题时,这里有一个新的

不知道你的CSS代码只能让我猜测

a
标记是一个内联元素,它只采用它需要的宽度。因此,在向其添加图像时,宽度将与图像的宽度相同。
text align:center
可以工作,但您看不到它

a
更改为(内联)块可以解决问题,请检查此项


margin:0自动?如果您发布标记,则提供建议会更容易。您的问题及其描述不匹配。。询问有关DIV的问题,并在描述中描述锚定。你到底想要什么?给出
img
tag
display:inline块;保证金:0自动@Mr_Green margin auto将无法工作,除非img设置为block并分配了一些固定值width@Mr_Green对不起,我误导了我,我没有一个img,而是一个iframe。。。
img{
  display: block;
  margin: 0 auto;
}
.imgLink {
    display: inline-block;
    width: 200px;
    text-align: center;
}