2012-02-11 55 views
2

http://jsfiddle.net/95pR2/1/如何另一個DIV

本質上的標題說什麼中居中的一組內嵌的div,我想數字中心到中心。這是從http://www.kevinresol.com/divslideshow/example.php

我有一個問題的其他東西是集中像按鈕的Facebook嵌入式div。這是在另一個div中集中div的類似問題。我能夠通過在父div上使用style =「text-align:center」來獲得它的中心,但在第一個問題上不起作用(所以我發佈了兩個)。 http://jsfiddle.net/qWJm5/1/

我敢肯定它的相關正確造型父母和孩子的div,但我已經嘗試過其他堆棧溢出的論壇,他們似乎並不如工作做保證金:0px auto的;.

在此先感謝。

+1

第二小提琴:此頁面不能被當前用戶看到。請檢查頁面隱私和可見性設置。 – Steve 2012-02-11 22:00:17

+0

另外,kevinresol.com鏈接導致403,禁止。 – Relequestual 2012-02-11 22:01:51

+0

第二個jsfiddle網站根本不可查看,或只是最後一頁?它本質上只是一個嵌入式div,由下面的頁面(由300像素寬div中的200px寬的「wall」居中)自動生成:http://developers.facebook.com/docs/reference/plugins/like/ – NickG 2012-02-11 22:14:52

回答

3

如果您從jquery.divslideshow-1.2.js腳本的line:90腳本中刪除該行,然後您可以自己設置控件元素的樣式,那麼腳本會自動將您的控件元素以內聯樣式浮動。因此,刪除線:90,其內容爲:

.css('float','left') 

,並添加以下CSS:

CSS

#dss .control-containter { 
text-align:center; 
} 

.controls { 
display:inline-block; 
} 

而且都應該很好。

演示:http://jsfiddle.net/95pR2/7/

+0

只是一個評論,但有更好的腳本,更靈活,讓你更好地控制你的幻燈片,如[jQuery的Cycle](http://jquery.malsup.com/cycle/int2.html)插件。 – 2012-02-11 22:31:16

+0

感謝jsfiddle演示。這回答了當前的問題。我將研究jQuery Cycle插件。這只是我遇到的第一個可以肯定與div一起工作的人。 – NickG 2012-02-11 22:47:57

3

text-align: center;應用到父div。刪除子div上的float:left,並使每個子div成爲一個內聯塊。