(1)li 居中      

li本身是块元素（display:block;），会独占一行。把它设成行内块（display:inline-block;）后它，就不会独占一行了，并且这时它就具备了文字的属性（相当于一段文字），在父容器设text-align：center；就可以居中了。 

父容器：ul{text-align:center;} 子元素 ： li{display:inline-block;}

(2)li距离     

padding,margin都可以，但是padding会扩展自身的内容

(3)margin是元素与元素之间距离