CSS水平（不工作）爲中心的動態格應該是簡單的

我有過jQuery是被動態插入另一個DIV像這樣CSS水平（不工作）爲中心的動態格應該是簡單的

一個div這是jQuery的：

$('#portSecW div:not(".closeXbtn")').prepend('<div class="portSecRollOver"><div class="portSecInner"></div></div>');

這是定期在HTML：

<div class="portThumbsL"> 
<a href="images/sitePortThumbs/2882.png"><img src="images/sitePortThumbs/2882.png" alt="2882films"/></a> 
<div class="thumbTxtSmall">2882FILMS</div>

的最終輸出是這

<div class="portThumbsL"> 
<div class="portSecRollOver"><div class="portSecInner"></div></div> 
<a href="images/sitePortThumbs/2882.png"><img src="images/sitePortThumbs/2882.png" alt="2882films"/></a> 
<div class="thumbTxtSmall">2882FILMS</div>

Im做這個動畫翻轉效果IM對等拍攝...在 portSecInner中間就是其他動態內容插入等等（只是文本）父.portSecInner是portSecRollOver，它是絕對定位的。

因此，有問題即時是在CSS我有一個簡單

.portSecInner{ margin:0px auto !important;}

但它不居中......甚而不移動它。現在，當我手動將其設爲目標（margin：10px 20px）等時，它會移動，但很明顯，不會居中。

任何想法，我可以做些什麼來糾正這一點，並得到這個寶貝爲中心？

來源

2012-09-12 somdow

margin: 0 auto中心只爲設置width後，將工作元素和它的父母，如下所示：

.portSecRollOver { 
    width: 300px; 
} 
.portSecInner { 
    width: 200px; 
    margin: 0 auto; 
}

來源

2012-09-12 11:12:59 albertedevigo

小提琴你知道我只看到它並修復它。 Cambe回到我自己的身邊，你走了，你把我打敗了。我可以發誓我已經設置了一個寬度....嘆......累了哈哈。謝謝 – somdow

是啊...回答忍者！你節省了兩分鐘的時間;） – albertedevigo

缺失<div class="portThumbsL">的結束標記。關閉並嘗試。

margin：0 auto is working I guess。檢查這個演示http://jsfiddle.net/85s4j/1/

如果你不想修爲portSecInner寬度然後添加margin:0 25px;，這樣你可以得到DIV父DIV

來源

2012-09-12 10:43:06 Sowmya

對不起，壞的複製/粘貼我修復它的帖子。很好的捕獲，但沒有它。不知道什麼概率 – somdow

Chk在更新的答案 – Sowmya

CSS水平（不工作）爲中心的動態格應該是簡單的

回答

相關問題