無法使用javascript設置div樣式

Question

我正在將樣式品質應用到包含外部JavaScript的div中，並且瀏覽器似乎忽略了它們。 第一個div正常工作。

http://jsfiddle.net/TxWN3/2/

<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;

這是一個很好的解決方法發現這里

Answer 2

要居中包含的div，請添加以下CSS：

.btc-box {
    margin:0 auto;
}

jsFiddle示例

Answer 3

如果要居中，請先為其設置寬度，然后使margin：0自動：

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

Answer 4

text-align:center; CSS屬性未按您假定的方式使用。

如果選中此小提琴 ，您將看到div的默認寬度是容器的寬度，因此，當您將文本居中時，div會居中。 然而，這種情況並非如此。

要使Div居中，可以使用Position CSS屬性：

添加以下CSS屬性：

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

並查看下面的小提琴，使第二個Div居中對齊

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