2012-02-11 56 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成为一个内联块。