<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0; padding: 0;} .box { border:1px solid #000000; /**可以設置寬度*/ width:100%; margin:auto; } .box ul { display:table; /**不要設置寬度*/ margin:10px auto; border: blue 1px solid; } .box ul li { border:1px solid #333333; text-align:center; float:left; *float:none; *display:inline; *zoom:1; list-style: none; margin-right:5px;border: red 1px solid; } </style> </head> <body> <div class="box"> <ul> <li>12313</li> <li>by jubdit</li> <li>12313</li> <li>by jubdit</li> <li>12313</li> <li>by jubdit</li> <li>12313</li> </ul> </div> </body> </html>
