div+css之让ul及li水平居中于div

来源:互联网 发布:阿里云挂载数据盘设置 编辑:程序博客网 时间:2024/05/17 22:35
<div class="footer-desc">        <ul>            <li><a href="">网站地图</a></li>            <li><a href="">隐私声明</a></li>            <li><a href="">版权声明</a></li>            <li><a href="">联系我们</a></li>        </ul></div>

css代码如下:

.footer-desc {    height: 80px;    padding: 25px 0px;}.footer-desc ul {    font-size:0px;//解决li标签之间出现白色空白的问题    text-align:center;}.footer-desc ul li {    padding: 0px 15px;    border-right: 1px solid white;    height: 25px;    line-height: 25px;    display:inline-block;}.footer-desc ul li a {    color: white;    font-size: 14px;    text-decoration: none;}
原创粉丝点击