html css怎么让下面导航栏代码居中,不管浏览器框体大小都居中
<htmllang="en"><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">...
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>导航</title>
<style type="text/css">
.DIV{border: 1px solid red;width: 50px; line-height:50px;display: inline-block;font-size: 20px;text-align: center; }
</style>
</head>
<body >
<div style="font-size:0px;">
<div class="DIV ">首 页</div>
<div class="DIV ">文 件</div>
<div class="DIV ">游 戏</div>
<div class="DIV ">推 出</div>
<div>
</body>
</html>
以及为什么这样做可以居中,这是关键问想知道的 展开
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>导航</title>
<style type="text/css">
.DIV{border: 1px solid red;width: 50px; line-height:50px;display: inline-block;font-size: 20px;text-align: center; }
</style>
</head>
<body >
<div style="font-size:0px;">
<div class="DIV ">首 页</div>
<div class="DIV ">文 件</div>
<div class="DIV ">游 戏</div>
<div class="DIV ">推 出</div>
<div>
</body>
</html>
以及为什么这样做可以居中,这是关键问想知道的 展开
1个回答
展开全部
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>导航</title>
<style type="text/css">
.DIV{border: 1px solid red;width: 50px; line-height:50px;display: inline-block;font-size: 20px;text-align: center; }
</style>
</head>
<body >
<div style="font-size:0px;width:208px;margin:0 auto;">
<div class="DIV ">首 页</div>
<div class="DIV ">文 件</div>
<div class="DIV ">游 戏</div>
<div class="DIV ">推 出</div>
<div>
</body>
</html>
更多追问追答
追问
意思是不是把包含这些小div的大div设置一个宽度,然后用magin让他两边自适应一样宽?
208随便写的吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询