div标签内的文字大小不合适

时间:2014-10-24 21:55:05

标签: html css

我在div标签内部制作文本的问题是我要求它的大小(以像素为单位)。假设我希望字体大小为20px,但我希望div大小为250 x 50像素。然而,文本似乎采取div的大小,并变得伸展。这是我正在使用的代码:

.NavBarHome {    
    font-family:"Helvetica Neue";
    font-size:20px;
    text-align:center;
    width:250px;
    height:50px;
    text-height:20px;
    display:inline-block;
    background-color:#161616;
    color:#fff;
    line-height:50px;    
}

如何使文字符合我想要的尺寸?我以前曾多次使用过这个剧本而且工作得很好,但由于某种原因,这次它本身并没有用。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

尝试在CSS中添加max-width:250px



.NavBarHome {    
  font-family:"Helvetica Neue";
  font-size:20px;
  text-align:center;
  width:250px;
  max-width:250px;
  height:50px;
  display:inline-block;
  background-color:#161616;
  color:#fff;
  line-height:50px;    
}

<div> 
  <div></div> 
  <div class="NavBarHome">Home</div> 
</div> 
&#13;
&#13;
&#13;