CSS3中的行距常常會遇到一個問題，就是它不會靠近容器的頂部，而是會留出一定的空白。

.container {
height: 200px;
line-height: 200px;
text-align: center;
background: #ccc;
}
.container p {
margin: 0;
}

在上面的代碼中，我們設置一個高度為200px的容器，使用line-height屬性讓行高與容器高度相等，并使用text-align屬性讓文字居中。接下來，我們在容器中添加

標簽，再給

標簽添加margin:0;樣式規則，即可去掉上下的空白。

.container {
height: 200px;
line-height: 200px;
text-align: center;
background: #ccc;
display: flex;
align-items: center;
}
.container p {
margin: 0;
}

然而，如果我們想要容器中的文字垂直居中呢？這時候，我們可以使用CSS3中的flex布局。我們將容器的display屬性設置為flex，并添加align-items:center;樣式規則，即可實現垂直居中。

最后，我們需要注意的是，在使用line-height屬性時，我們需要確保行高與字體大小的比例合適，才能讓文字看起來舒適自然。