请问我的line-height为什么不显示居中垂直？
来源：1-1 基础表格
weixin_慕少7216479
2020-03-27 15:39:24
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/page.css"/>
</head>
<body>
<div class="nav">
<ul class="city">
<li><a href="#">北京</a> </li>
</ul>
<ul class="ccc">
<li><a href="#">你好，请登录</a></li>
<li><a href="#">免费注册</a></li>
<li><a href="#">我的订单</a></li>
</ul>
</div>
<div class="boder w">
</div>
<div class="content w">
</div>
</body>
</html>
body{
background: #fof3ef;
font-size:12px ;
}
.nav{
background: aliceblue;
height: 30px;
border-bottom: 1px blue solid;
line-height: 30px;
}
.nav a{
text-decoration: none;
color: #999;
}
.city{
float: left;
padding-right: 208px;
margin-left: 208px;
}
.ccc{
float: right;
}
.ccc li{
float: left;
}
.w{
width: 1190px;
margin:auto;
}
.boder{
height:100px;
background-color: palegoldenrod;
font-family:"微软雅黑" ;
}
.content{
height: 100px;
background-color:papayawhip ;
}
1回答
-
好帮手慕星星
2020-03-27
同学你好，老师不知道reset.css文件中代码是怎么设置的。用粘贴的这部分代码测试，一些元素默认样式是没有清除的，这边添加了一下，实现效果是可以的，行高设置的没有问题
建议重新测试下。如果还有问题，可以将reset.css代码粘贴上来，老师帮助测试。
祝学习愉快！
0
相似问题