ul⽔平居中，导航栏logo与导航混排的⼀种技巧
1.ul中的li居中：ul作导航时，想实现li垂直和⽔平居中，为ul添加text-align:center和line-height:100%，li⽤display:inline.如果⽤float的话，垂直不居中.
div中的div居中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属性来解决；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。