float：left可以改为display: inline-block对吧？所以这个实际上是ul居中了而div并没有居中对吗？我的意思是，ul没有在div中居中吧？

如上回答说明。2过程描述中，li块向右偏移50%,我实际要表达的是 right:50% 等价于left:-50%。 所以示例中的左偏移，确描述为右偏移，原因就在这里。

而 left:-50%的理解为：li的起始位置 左端左偏移整长50%。（正向为向右，负向为向左）

先解释原文，经过多次做实验清楚整个过程分两步：

1. 把 ul 块的起始位置移动到整行的中间。例：[-----|ul---]。操作是ul父元素div的left:50%, 效果是ul偏移
   

2. 把 li 块的起始位置向右偏移50%，此时我们一定要理解此时的-50%是对谁的，显然是li的父元素 ul。则有

   例：[----------|ullilili--]，ullilili长度向右偏移50%，变为: [------ulli|lili------]。.操作是li的父元素ul执行left:-50%。效果是lilili偏移

总结：整个过程就是先向右偏移div的50%，再向左偏移ul的50%。再css代码的相对位置就是 left:50%(div左端50%正向偏移)，left:-50%(ul左端50%负向偏移)