為什么"左對齊"沒垂直居中顯示
<!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>
2016-04-05
因為div有默認的padding值。最好在style先重置一下margin,padding值。
?*{
margin:0px;
padding:0px
}