li的相关

1.文本多余显示为省略号

white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;

2.overflow: hidden带来的li的小黑点消失

list-style-position: inside;

3.小黑点的样式设计

list-style-type: square;//黑点显示样式
text-indent: 0;//和文本的距离
color: #ab9d9c;//颜色
list-style-image

4.小圆点排成一行的居中问题

浮动居中实现很麻烦，通常用display:inline-block
当使用display:inline-block或者display:inline时，会引起间隙，在父元素设置font-size:0,该属性具有继承性。
例子详见：https://blog.csdn.net/qq_38588845/article/details/80066708