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

Question

我在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;    
}

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<div> 
  <div></div> 
  <div class="NavBarHome">Home</div> 
</div> 

＆＃13;

＆＃13;

＆＃13;