给里面盒子一个宽度然后通过margin:auto让他居中举例第一个盒子(左)里面的盒子第二个盒子(右)

比如box是一个div,如下示例:.box{float:left;}//向左浮动显示了.box{float:right;}//向右浮动显示了.box{width:980px;margin:0pxauto}//居中显示了.box{margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-left:5px;}这个前面的分别是外面距,距上,下,左,右,后面是内边距距左,其它的也一样子的道理在HTML调用有两种方法,第一种,直接把这个写在html的head文件里面,,或者直接建CSS文件,把代码写里面,在HTML引入,
如果图片左浮动并且"display:inline"时,只要给图片设置一个"text-align:center"属性,就解决了水平居中。使用display:table-cell和设置了display:inline-block的线合span,这样就解决垂直居中。
float常常用于对对象设置靠左、靠右排版布局,遇到对象盒子靠左或靠右时就需要使用css float来布局,当然此属性是设置框架靠左靠右,而另外一个css内容靠左、css内容靠右、css内容居中属性text-align,切勿搞混淆。
一、float语法结构与小示例
float属性的值指出了对象是否及如何浮动。
当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block
第一个盒子(左)里面的盒子第一个盒子(左)里面的盒子