在網頁開發過程中，我們常常會遇到一個問題，就是在使用CSS設置字體大小后，發現字體不能完全撐滿盒子，給人一種不協調的感覺。那么，這個問題的解決方法是什么呢？

.box{
width:200px;
height:100px;
border:1px solid black;
}
.box p{
font-size:30px;
}

上述代碼中，我們已經為盒子設置了寬度和高度，但是當我們使用CSS設置字體大小為30px之后，發現文字不能完全撐滿盒子，如下圖所示：

為了解決這個問題，我們需要使用CSS中的line-height屬性。該屬性可以設置文字行高，使得文字能夠垂直居中，進而完全撐滿盒子。具體代碼如下：

.box p{
font-size:30px;
line-height:100px;
}

上述代碼中，我們為字體設置了line-height屬性，其值應該設置為盒子的高度。這樣，我們就可以看到字體已經完全撐滿了盒子，如下圖所示：

總之，要使CSS中的字體完全撐滿盒子，我們只需要為字體設置line-height屬性，設置值為盒子的高度即可。