1 <html> 2 <head> 3 <style type="text/css"> 4 *{/*初始化代码*/ 5 margin:0;padding:0;font-size:12px;font-family:宋体,Arial;letter-spacing:normal; 6 } 7 .p{/*父盒子*/ 8 border:solid 1px red; 9 padding:0px; 10 width:500px; 11 font-size:0px;/*inline-block布局的核心代码1*/ 12 letter-spacing:-8px;/*兼容苹果浏览器，负值对其他浏览器无效*/ 13 margin:5px auto; 14 text-align:center;/*inline-block布局的辅助代码1*/ 15 } 16 .p div{/*子盒子*/ 17 display:inline-block;/*inline-block布局的核心代码2*/ 18 border:solid 1px red; 19 vertical-align:top;/*inline-block布局的辅助代码2*/ 20 } 21 .p div{ 22 *display:inline;/*补充的兼容代码，专门给IE6和IE7用的兼容语法，只有这样IE6/7才表现为inline-block的样子*/ 23 } 24 </style> 25 </head> 26 <body></body> 27 </html>