为什么"左对齐"没垂直居中显示
来源：3-10 企业网站制作之新闻中心制作（一）
woshi123w
2016-04-05 18:57
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.news{
width: 500px;
height: 400px;
background: pink;
}
.title{
height: 80px;
background: red;
}
.title-left{
width:70%;
font-size: 22px;
color: white;
font-family: "华文行楷";
padding-left: 12px;
line-height: 80px;
float: left;
}
.title-right{
width: 20%;
float: right;
line-height: 80px;
}
</style>
</head>
<body>
<div class="news">
<div class="title">
<h1 class="title-left">左对齐</h1>
<span><a href="#">more>></a></span>
</div>
</div>
</body>
</html>
写回答
关注
1回答
-
- summer323
- 2016-04-05 19:45:49
因为div有默认的padding值。最好在style先重置一下margin,padding值。
*{
margin:0px;
padding:0px
}
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157044 学习 · 1984 问题
相似问题
盒子里的字体垂直对齐
回答 1
老师为什么我的文字没垂直居中，反而偏下
回答 3