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

最新推荐文章于 2023-11-24 18:39:44 发布

weixin_30480583

最新推荐文章于 2023-11-24 18:39:44 发布

阅读量901

点赞数

原文链接：http://www.cnblogs.com/shimily/articles/8390716.html

版权

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

转载于:https://www.cnblogs.com/shimily/articles/8390716.html

优惠劵

weixin_30480583

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 如何让li横向在div居中显示，li居中显示。

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0; padding: 0;}.box{...
复制链接

扫一扫