爲什麼用1個空格包裹文本？

Question

我在Bootstrap 3中使用了一個居中的導航欄品牌，並且在手機大小的屏幕上查看文本時，文字環繞，但是頂部有一個前導空間，而底部沒有，導致它們未對齊。

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="index.html" id="title-card">Testing Testing</a> 
     </div> 
    </div> 
</nav> 

在此示例中，「title-card」將font-size設置爲2em;和導航欄，品牌導航欄頭一起被修改爲：

.navbar-header { 
    float: left; 
    padding: 15px; 
    text-align: center; 
    width: 100%; 
} 

.navbar-brand { 
    float: none; 
} 

這將產生以下的輸出：

一個人怎麼會去調心呢？

Answer 1

給margin:0和padding:0到您的#title-card。

#title-card { 
margin: 0; 
padding: 0; 
}