Question

现在我正在使用iFrame for HTML，我正试图将这个图像居中对齐。当我输入align = "middle"时，它似乎无法正常工作。我想把这个GIF放在一个网站上。将它对准中心会使它看起来不错。

＆＃13;

<iframe src="http://gifyoutube.com/embed/mG9rRw" frameborder="0" scrolling="no" width='480' height='270' style="-webkit-backface-visibility: hidden;-webkit-transform: scale(1);" ></iframe>

＆＃13;

Answer 1

那不是GIF。这是嵌入在iframe中的视频（MP4或WebM（取决于您的浏览器））。它太小了，很容易转换成GIF，但这不是问题所在。

将此CSS添加到iframe中，并将其水平对齐。

display: block;
margin: 0 auto;

http://jsfiddle.net/odezpjLy/

查看上面的JSFiddle以获取示例。

Answer 2

将其放在div包装中，并将项目置于<div>：

中心

#wrapper
{
  text-align:center;
  width:100%;
}

<div id="wrapper">
<iframe src="http://gifyoutube.com/embed/mG9rRw" frameborder="0" scrolling="no" width='480' height='270' style="-webkit-backface-visibility: hidden;-webkit-transform: scale(1);" ></iframe>
</div>

Gif图片无法对齐？

2 个答案: