Question

我使用了soundcloud中的widget API并将小部件嵌入到我的HTML文件中，但我无法将对齐中心对齐。

HTML代码

<iframe width="50%" height="300" scrolling="no" frameborder="no" align="middle" src="musiclink&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

正如你所看到的，我试过对齐=＆＃34;中＆＃34;但它不起作用。我试过align =＆＃34; left＆＃34;这有效但由于某种原因，对齐=＆＃34;中间＆＃34;不工作。此外，我进入API代码并尝试将CSS样式更改为

.widget {
    background-position: center center;
}

但这不起作用

我做错了什么/失踪了？

Answer 1

您可以使用div包围iframe：

<div style='text-align:center'>
<iframe width="50%" height="300" scrolling="no" frameborder="no" align="center" src="musiclink&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
</div>

Answer 2

middle是valign的值。请改用align="center"。

有关valign的更多信息：Here.

有关align的更多信息：Here

Answer 3

在iframe周围放置一个div，并将左右边距设置为auto。它将把这个div放在它的容器内。

<div style='margin:0 auto;'>
<iframe width="50%" height="300" scrolling="no" frameborder="no" align="center" src="musiclink&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
</div>

如何将嵌入的soundcloud小部件居中对齐？

3 个答案: