css：li中的list-style小圆点和文字没有居中对齐的解决办法

来源：懂视网责编：小采时间：2020-11-27 18:50:49

css：li中的list-style小圆点和文字没有居中对齐的解决办法

css：li中的list-style小圆点和文字没有居中对齐的解决办法:li的list-style小圆点和文字没有居中对齐？<ul> <li><a>我们开始</a></li> <li><a2016</a></li></ul>.ul li{ list-style:disc inside;}感觉小圆点和

推荐度：

点击下载本文 文档为doc格式

导读css：li中的list-style小圆点和文字没有居中对齐的解决办法:li的list-style小圆点和文字没有居中对齐？<ul> <li><a>我们开始</a></li> <li><a2016</a></li></ul>.ul li{ list-style:disc inside;}感觉小圆点和

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

<ul>
 <li><a>我们开始</a></li>
 <li><a2016</a></li></ul>.ul li{
 list-style:disc inside;}

感觉小圆点和文字没有居中对齐（小圆点在偏下一点），有什么方法使他们居中对齐吗？

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

一般这样的情况，我都是自己用before伪类自己写一个、

自己用span写一个点就很好控制了，去掉ul的list-style

试一试line-height,和当前li的高度一样;

css：li中的list-style小圆点和文字没有居中对齐的解决办法

推荐度：

点击下载本文 文档为doc格式

标签：文字居中里面的

热门焦点

css：li中的list-style小圆点和文字没有居中对齐的解决办法

css：li中的list-style小圆点和文字没有居中对齐的解决办法

css：li中的list-style小圆点和文字没有居中对齐的解决办法

最新推荐

猜你喜欢

热门推荐