请问如何使浮动元素水平垂直居中？有没有其他办法？
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{padding:0;margin:0;}
.jiao{
width:100%;
height:100px;
color:#fff;
background:black;
}
.jiao-li{
width:864px;
list-style:none;
height:100px;
margin:0 auto;
}
.jiao-li li{
float:left;
line-height:100px;
margin:0 40px;
/*text-align:center;*/
/*margin:0 auto;*/
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="jiao">
<ul class="jiao-li">
<li>网站首页</li>
<li>企业合作</li>
<li>人才招聘</li>
<li>联系我们</li>
<li>常见问题</li>
<li>友情链接</li>
</ul>
</div>
</body>
</html>
正在回答
宽度设置为900px，li相对于父元素ul进行居中显示，可以把li从block元素变成inline-block元素，并且li标签不使用浮动，然后给ul设置text-align；center；参考下图：
可以测试一下！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星