HTML 行內居中，通常使用 CSS 的 text-align 屬性來實現。其中，各元素有不同的表現方式。下面我們將為大家詳細講解如何在 HTML 中行內居中元素。 首先，我們需要明確哪些元素可以使用 text-align 屬性來實現居中。這里主要講述包含文字的行內元素，如：span、a、em 等等。其他如：img、input 等行內塊狀元素，需要使用其他方式居中。 接著，我們來看一下具體的實現方法。在 HTML 中，我們可以通過在行內元素外包裹一個塊級元素來實現居中。 例如，我們可以在一個 div 元素中包裹一個 span 元素，并設置 div 元素的 text-align 屬性為 center，如下所示：

<div style="text-align: center;">
<span>這是一段要居中的文字</span>
</div>

其中，div 元素為塊狀元素，所以其默認的寬度為 100%。設置 text-align 屬性為 center 后，它會將其內部所有的行內元素居中對齊。 文字居中后，我們可以進一步調整文字與包裹塊元素的間距。可以通過設置行內元素的 margin 屬性來實現。例如，下面的代碼可以將文字與包裹塊元素上下左右全部居中。

<div style="text-align: center;">
<span style="display: inline-block; margin: auto;">這是一段要居中的文字</span>
</div>

首先，將 span 元素的 display 屬性設置為 inline-block，便可以讓其表現為塊狀元素。然后將 margin 屬性設置為 auto，就可以實現在包裹塊元素中居中了。 總的來說，HTML 中實現行內元素居中不難，只需要借助 CSS 的 text-align 屬性和塊狀元素包裹行內元素即可。有了這些基礎技能，相信大家可以輕松地制作更多美麗的網頁。