<!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>

 

CSS 如何让li横向在div居中显示，li居中显示。_li居中显示

 

 CSS 如何让li横向在div居中显示，li居中显示。_li居中_02

 

给心灵一个纯净空间，让思想，情感，飞扬！