text-align：center！important;不管用？

Question

这是我的CSS代码，我不明白为什么text-align: center;无效？

embed, iframe, object, video {
    max-width: 98%;
    min-width: 97%;
    box-shadow: 0 0 20px #fff;
    border: 1px solid #ffffff;
    text-align: center !important;
}

Answer 1

如果您希望居中，可以尝试以下方式：

embed, iframe, object, video {display: block; width: 97%; margin: 0 auto; }

顺便说一下，在向属性添加！important时应避免使用空格。

Answer 2

您应该尝试将对象嵌入<p>或<a>元素中。 然后：

p {
  margin: 0 auto;
  text-align: center;
}

祝你好运！