行內元素在網頁設計中扮演著重要的角色，但是我們有時候需要對其進行樣式修改，其中高度是一個比較常見的需求。這時候我們就需要使用 CSS 來進行設置了。下面，讓我們來一起學習如何使用 CSS 改變行內元素的高度。

首先，我們需要知道行內元素是按照內容自適應寬度的，也就是說，無法直接設置其高度。因此，如果需要改變其高度，我們需要將其轉化為塊級元素，再進行設置。

下面是一個例子：

<style>
span {
display: block;  /* 設置為塊級元素 */
height: 30px;   /* 修改高度 */
}
</style>
<p>這是一段文字，其中的<span>行內元素</span>需要改變高度。</p>

在上面的例子中，我們使用了 display 屬性將行內元素設置為了塊級元素，然后對其進行了高度修改，所以最終看到的效果就是行內元素的高度改變了。

需要注意的是，將行內元素轉為塊級元素會破壞原有的布局，因此需要謹慎使用。如果不希望修改行內元素的布局，我們也可以使用 line-height 屬性來進行高度設置。例如：

<style>
span {
line-height: 30px;   /* 修改高度 */
}
</style>
<p>這是一段文字，其中的<span>行內元素</span>需要改變高度。</p>

上面的例子中，我們使用 line-height 屬性來設置行內元素的高度，這樣就不會破壞原有的布局了。

總之，CSS 可以幫助我們很方便地改變行內元素的高度，但是需要根據實際情況選擇對應的方法。