html 多个div 居中排列,css+div设计实例：实现让多个div排列时居中_css教程

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Untitled Document

body {text-align:center}

#outer {

width:60%;

background:#ffffcc;

margin:auto;

text-align:center;

}

.inner {

width:100px;

height:100px;

margin:5px;

border:1px solid #000;

}

* html .inner {display:inline}/* for ie*/

html>body #outer {display:table}/*for mozilla */

html>body .inner {display:table;float:left}/*for mozilla */

@media all and (min-width: 0px){/* opera 7 styles */

html>body .inner {display:inline-block;float:none;}

}

test

2

3

4

5

6

7

8

9

10

11

12

13

var now = new Date();

document.write(“”);