如何将一组内联div放在另一个div中

时间:2012-02-11 21:54:31

标签: css html

http://jsfiddle.net/95pR2/1/

基本上标题是什么,我试图将数字集中到中心。这取自http://www.kevinresol.com/divslideshow/example.php

我遇到的其他问题是将facebook嵌入式div作为按钮的中心。这是将div放在另一个div中的类似问题。我能够通过在父div上执行style =“text-align:center”来使它居中,但是在第一个问题上不起作用(所以我发布了两个)。 http://jsfiddle.net/qWJm5/1/

我很确定它与正确设置父子div的样式有关,但我已经尝试了其他堆栈溢出论坛,但它们似乎没有用于例如做边距:0px auto;。

提前致谢。

3 个答案:

答案 0 :(得分:3)

text-align: center;应用于父div。删除子div上的float:left,并使每个子div成为内联块。

答案 1 :(得分:3)

您的脚本会自动使用内联样式浮动控件元素,如果从line:90脚本的jquery.divslideshow-1.2.js中删除该行,则可以自行设置控件元素的样式。因此,删除行:90,其内容为:

.css('float','left')

并添加以下CSS:

<强> CSS

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

.controls {
 display:inline-block;
}

一切都应该好。

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

答案 2 :(得分:0)

由于您发布的两个链接不起作用,我无法帮助解决您的确切问题,但我将此链接标记为我的CSS定位指南。 http://www.barelyfitz.com/screencast/html-training/css/positioning/希望有所帮助