怎么样才能让chrome的<li>列表符号居中

Question

如图所示，<li>的内容文字居中了，但是<li>的列表符号过不来，在firefox下是正常的，chrome怎么这么奇葩，chrome版本是56，怎么才能显示正常，怎么样hack css才能解决

Answer 1

看来还是浏览器解析差异导致的!目前没有什么css hack技巧！

Answer 2

什么奇葩，哪有用text-align居中块级元素的，不带这么黑FireFox的……这个你直接相对定位给个宽高接margin:0 auto;不就得了。。

Answer 3

一般情况下我先隐藏这个圆点，从来不用。

可以隐藏了，然后后面文字里在前面加个圆点字符 o任务1 .

给li设置个宽度，现在看起来是100%宽的。。margin:0 auto; 把列表居中。