1

我试图将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>

thediv本身是居中的并且有类

width: 500px;
position: absolute;
top: 35%;
left: 30%;
margin-left: -200px;
z-index: 3;
4

3 回答 3

2

a是一个内联元素，你需要制作一个block水平元素，因为它是inline，你img没有空间居中，所以制作它blockorinline-block和而不是text-align: center;用于a

演示

注意：如果你使用block它会占用 100% 空间，如果你使用inline-block;你需要为元素指定一些width，否则它是没有用的

当你更新你的问题时，这里有一个新的演示

于 2013-09-19T08:17:49.163 回答
0

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

img{
  display: block;
  margin: 0 auto;
}
于 2013-09-19T08:16:33.523 回答
0

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

标签是一个a内联元素，它只占用它需要的宽度。因此，在向其添加图像时，宽度将与图像一样宽。确实有效，text-align: center但你看不到它。

将您的更改a为（内联）块可以解决您的问题，请查看此演示。

.imgLink {
    display: inline-block;
    width: 200px;
    text-align: center;
}
于 2013-09-19T08:21:08.783 回答