Question

我将样式质量应用于包含外部javascript的div，它们似乎被浏览器忽略。第一个div工作正常。

<div style="text-align:center;">Working center text</div>

<div id="btc-quote" style="text-align:center;"></div>
<script type="text/javascript"     src="//cdn-gh.firebase.com/btcquote/embed.js"></script>

Answer 1

div class =“btc-quote”的内容可能有一些css代码，不希望它居中。（我还没有读过BTC的所有代码）要解决这个问题，你可以让div本身居中，而不是内容。

执行此操作的一个简单方法是将以下css添加到div：

width:212px;
margin:auto;

这是一个很好的解决方法here

Answer 2

要将所包含的div居中，请添加此CSS：

.btc-box {
    margin:0 auto;
}

<强> jsFiddle example

Answer 3

如果你想让它居中，首先给它一个宽度，然后是margin：0 auto：

<div id="btc-quote" style="width:212px;margin:0 auto"></div>

Answer 4

text-align:center; CSS属性未按照您的假设使用。

如果选中此fiddle，您会看到div的默认宽度是容器的宽度，因此当您将文本居中时，div会显示居中。但事实并非如此。

要将Div居中，您可以使用Position CSS属性：

添加以下CSS属性：

 position:absolute;
 left:50%;
 margin-left:-106px; /* Half of the width of the div */

并看到以下小提琴为第二个中心对齐

http://jsfiddle.net/Nunners/TxWN3/7/

不能用javascript设置div的样式

4 个答案: