CSS消除空白間隙是Web開發中常見的問題。在HTML和CSS的結合使用中，空白字符如空格、回車和Tab等會在瀏覽器中產生不必要的空白間隙，這讓頁面的布局難以完美呈現。下面我們來介紹CSS如何消除這些空白間隙。

/* 1.使用 font-size: 0 */
.container {
font-size: 0;
}
.container div {
font-size: 16px;
}
/* 2.將內聯塊元素寫在同一行 */
.container {
word-spacing: -1em;
}
.container div {
display: inline-block;
word-spacing: normal;
vertical-align: top;
}
/* 3.清除HTML代碼中的空白字符 */
.container {
font-size: 16px;
}
.container img {
display: block;
width: 100%;
}
.container span {
font-size: 0;
display: block;
height: 0;
clear: both;
}
/* 4.使用float屬性 */
.container div {
float: left;
width: 33.33%;
}
/* 5.使用Flexbox布局 */
.container {
display: flex;
flex-wrap: wrap;
}
.container div {
width: 33.33%;
}

以上是消除空白間隙的五種方法，對于不同的布局，可以選擇適合的方法進行消除空白。同時，也要注意避免在HTML中添加過多的空白字符，保證頁面的簡潔和流暢。