ul水平居中，导航栏logo 与导航混排的一种技巧

1.ul中的li居中：ul作导航时，想实现li垂直和水平居中，为ul添加text-align:center和line-height:100%，li用display:inline.如果用float的话，垂直不居中.

2. 把ul嵌套在div中时，整个ul又没办法居中了。无论是对div定义line-height，text-align,还是对ul定义margin:0 auto都不起作用，测试了一下，父元素中的line-height只对文字起作用。只能把ul的高度设置和父元素的div一样高，这样解决水平居中的问题。

3.当div中嵌套了img(通常是logo)和ul 时，可以把logo图片作为ul的background-image：url(../images/logo.png) center 45% no-repeat;

4.把li的display设置成inline,虽然解决了居中和左浮动的问题，但是li的width和height属性又定义不了啦，还是把li设置float:left,垂直居中可以使用padding或者marign属性来解决；