https://www.cnblogs.com/duhongyu216/articles/2083719.html
我自己写的,另一种方式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
border:1px solid pink;
}
div ul{
list-style: none;
padding:0;
}
div ul {
float: left;
}
.clear:after{display:block;clear:both;content:".";visibility:hidden;height: 0;}
.clear{zoom:1;}
div ul li{
float: left;
margin-left:10px;
}
#title_center{
margin:0 auto;
width:400px;
}
</style>
</head>
<body>
<div>
<div class="clear" id="title_center">
<ul >
<li><a href="#">主页</a></li>
<li><a href="#">工作日志</a></li>
<li><a href="#">设备运行记录</a></li>
<li><a href="#">其他</a></li>
</ul>
</div>
</div>
</body>
</html>