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
tagdisplay: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;
}