當我們使用HTML布局時，經常需要將元素居中。其中一個常見的需求是將盒子水平居中，本文就向大家介紹一些常用的HTML代碼，用于實現這個目的。

/* 將塊級元素水平居中 */
margin: 0 auto;
/* 將內聯元素和內容塊元素水平居中 */
text-align: center;
/* 將絕對定位的元素水平居中 */
left: 50%;
transform: translateX(-50%);

第一段代碼是一種簡便的方式，將元素的左右邊距設置為0，并把左右margin都設置為auto（自適應）。這樣，元素就居中了。

第二段代碼是當元素是內聯元素或者內容塊元素時的水平居中方案。將文本居中，然后其容器就是居中的。

第三段代碼是當元素是絕對定位的時的水平居中方案。將元素的左邊界設置為其父元素的50%，再利用transform屬性向左移動50%，就可以實現元素的水平居中了。

以上就是幾種常見的HTML代碼，用于將盒子元素水平居中。在實際開發中，我們可以根據實際情況選擇合適的方案，來達到更好的效果。