为了账号安全,请及时绑定邮箱和手机立即绑定

line-height水平居中问题

<div class="news">
      <div class="title">
        <h2 class="title_left">新闻中心</h2><a href="news.html">More&gt;&gt;</a>
      </div><!--title结束-->
      <div class="pic_news">
        <img src="images/news.jpg" /><h2>520 慕女神喊你来表白!</h2><p>活动时间:5月20日-5月25日<br/>获奖公布时间:5月26日<br/>Learn More&gt;&gt;</p>
      </div><!--pic_news结束-->
      <div class="news_list">
        <ul>
          <li><a href="#">【慕课访谈 用户篇】“有为屌丝”在路上</a></li><span>2014-06-01</span>
          <li><a href="#">【有奖活动】给父亲的三行书信</a></li><span>2014-06-01</span>
          <li><a href="#"> 程序猿,请晒出你的童年》活动获奖公告</a>《</li><span>2014-05-30</span>
          <li><a href="#">【慕课访谈】破茧成蝶————美女程序猿的锐变史</a></li><span>2014-05-28</span>
        </ul>
      </div><!--news_list结束-->
   </div><!--news结束-->



 .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;
  }


前提已经*{margin:0 padding:0},但是新闻中心不能水平居中,什么原因呢?

正在回答

6 回答

text-align: center;水平居中

line-height:35px;垂直居中

0 回复 有任何疑惑可以回复我~
#1

qq_悠悠我心_4 提问者

非常感谢!
2016-07-19 回复 有任何疑惑可以回复我~

高度没写

0 回复 有任何疑惑可以回复我~
#1

qq_悠悠我心_4 提问者

height:35px 写了呀
2016-07-18 回复 有任何疑惑可以回复我~

谢谢 ,可以呢。可以和我讲讲什么原因吗?

0 回复 有任何疑惑可以回复我~

在选择器.title里面写line-height:35px;试试

1 回复 有任何疑惑可以回复我~
#1

qq_悠悠我心_4 提问者

谢谢 ,可以呢。可以和我讲讲什么原因吗?
2016-06-25 回复 有任何疑惑可以回复我~
#2

慕粉1469111293 回复 qq_悠悠我心_4 提问者

我这样改还是不行啊
2016-09-19 回复 有任何疑惑可以回复我~
#3

xuanbintop 回复 qq_悠悠我心_4 提问者

因为line-height是行高属性,比如设置这个属性高度为35px,你的字体就会被安放在这个高度的中间高度显示,就像居中一样
2016-10-17 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

line-height水平居中问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信