开发者社区> 问答> 正文

li的list-style小圆点和文字没有居中对齐?

![1](https://oss-cn-hangzhou.aliyuncs.com/yqfiles/0a345f7897c739ff917d6cc2c86d064edb0428df.png)
<ul>
    <li><a>我们开始</a></li>
    <li><a2016</a></li>
</ul>

.ul li{
   list-style:disc inside;
}

感觉小圆点和文字没有居中对齐(小圆点在偏下一点),有什么方法使他们居中对齐吗?

展开
收起
杨冬芳 2016-06-13 13:01:28 5515 0
1 条回答
写回答
取消 提交回答
  • IT从业
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>demo</title>
    </head>
    <style type="text/css">
        *{padding:0; margin:0; list-style:none;}
        .list{ width:600px; margin:10px auto;}
        .list li:before{ content:''; width:4px; height:4px; border-radius:50%; background:#000; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px;}
    </style>
    <body>
        <ul class="list">
            <li>呵呵!</li>
            <li>别说话吻我</li>
            <li>小火车怎么这么污?</li>
        </ul>
    </body>
    </html>
    2019-07-17 19:35:38
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载