CSS+DIV设计实例：实现让多个DIV排列时居中_html/css_WEB-ITnose

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

查看更多关于CSS+DIV设计实例：实现让多个DIV排列时居中_html/css_WEB-ITnose的详细内容...