為什么我設置了line_height卻不能垂直居中？
?<div class="news">
? ? ? ? ? ? ? ? <div class="title"><h2 class="title_left">新聞中心</h2><a href="news.html"><span classs="title_right">More>></span></a></div><!--title結(jié)束--> ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ?<div class="pic_news">
? ? ? ? ? ? ? ? ? ?<img src="images/news.jpg"/>
? ? ? ? ? ? ? ? ? ?<h2>520慕女神喊你來表白！</h2>
? ? ? ? ? ? ? ? ? ?<p>活動時間5月20日-5月25日<br/>獲獎公布時間：5月26日<br/>Learn More>></p>
? ? ? ? ? ? ? ? </div><!--pic_news結(jié)束-->
.news
{
width:340px;
border:1px solid #e8e8e8;
}
.course
{
width:410px;
border:1px solid #e8e8e8;
margin:0 7px;
background-color:#393CCD;
}
.sidebar
{
width:230px;
background-color:#42B57E;
}
.news,.course,.sidebar
{
height:250px;
float:left;
}
.title
{
height:35px;
border-bottom:2px solid #e8e8e8;
}
.title_left
{
width:70%;
font-family:"微軟雅黑";
font-size:14px;
font-weight:bold;
color:#786f66;
float:left;
line-height:35px;
padding-left:20px;
}
.title_right
{
width:20%;
float:left;
line-height:35px;
}
2016-03-27
*{margin:0;padding:?0;} .news { width:340px; border:1px?solid?#e8e8e8; } .course { width:410px; border:1px?solid?#e8e8e8; margin:0?7px; background-color:#393CCD; } .sidebar { width:230px; background-color:#42B57E; } .news,.course,.sidebar { height:250px; float:left; } .title { height:35px; border-bottom:2px?solid?#e8e8e8; } .title?a{line-height:?37px;} .title_left { width:70%; font-family:"微軟雅黑"; font-size:14px; font-weight:bold; color:#786f66; float:left; line-height:35px; padding-left:20px; } .title_right { width:20%; float:left; } 一開始把瀏覽器的margin和padding清除一下，然后你的title>a?標簽是內(nèi)聯(lián)元素，給它設置ling-height 就行了。2016-10-13
太好了? 謝謝回答 很給力
2016-06-04
非常感謝！！我也是同樣的問題，做在瀏覽器的第一個DIV總是對不齊，現(xiàn)在解決了