ul的li元素水平并居中的css

ul{

text-align:center;

}

li{

display:inline

}

这样li元素不需要float且可以居中

 

比较好样式如下

 

ul li {
   // float: left;
    padding: 0 3px;
    list-style: none;
    cursor: pointer;
    color: #cce5ff;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #cce5ff;
    display: inline;
}

ul li:first-child {
    border: none;
}

ul li:hover {
    color: #1264A5;
}