在CSS中，有兩種常見的元素類型，分別是塊狀元素和行內元素。而在行內元素中，又可以細分為行內塊元素。行內塊元素的特點是可以設置寬度、高度、內外邊距等屬性，同時又是行內元素，具有很好的布局特性。

<span>這是一段行內塊元素</span>

行內塊元素最常見的應用就是在導航欄中的按鈕上。我們可以通過設置行內塊元素的寬度、高度、背景顏色、邊框等屬性，使按鈕達到我們想要的效果。

<nav>
<a href="#" class="btn">按鈕1</a>
<a href="#" class="btn">按鈕2</a>
<a href="#" class="btn">按鈕3</a>
</nav>
/* CSS */
.btn {
display: inline-block;
width: 100px;
height: 30px;
background-color: #eee;
border: 1px solid #ccc;
text-align: center;
line-height: 30px;
text-decoration: none;
color: #333;
margin-right: 10px; /* 為了增加按鈕之間的距離 */
}

以上代碼就是一個簡單的導航欄，其中按鈕的樣式就是通過行內塊元素來實現的。需要注意的是，行內塊元素的默認排列方式是基線對齊，可以通過設置vertical-align屬性來調整垂直對齊方式。

.btn {
display: inline-block;
vertical-align: middle; /* 垂直居中 */
}

總的來說，行內塊元素在樣式布局中具有很強的實用性，可以幫我們很好地控制頁面元素的外觀效果。