天天看点
返回

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

<!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居中 li居中显示 左右居中显示 html mysql
上一篇: 一行或者两行都上下居中显示【文字垂直居中显示】文字垂直居中显示
下一篇: 一个Boss直聘机器人, 自动回复发简历

继续阅读