HTML中盒子居中對齊是一個常見的問題，很多人都遇到過。以下是一些常用的代碼示例，希望對你有所幫助。 首先我們需要明確一下什么是盒子居中對齊。簡單來說，就是把一個元素居中于其父級元素。這看起來很簡單，但實際上有很多種方法可以實現這個目標。下面是一些常用的方法。 1.使用text-align屬性 可以將父級元素的text-align屬性設置為center來實現居中對齊。這種方法只適用于行內元素和文本，不能用于塊級元素。 例如：

<style>
.parent {
text-align: center;
}
</style>
<div class="parent">
<p>這是一個段落</p>
<span>這是一行文本</span>
</div>

2.使用margin屬性 我們可以使用margin屬性將元素向右和向下移動一定量的像素，從而實現居中對齊。這種方法適用于塊級元素和非固定寬度的元素。 例如：

<style>
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
<div class="parent">
<div class="child">
這是一個塊級元素
</div>
</div>

3.使用flexbox布局 使用flexbox布局可以輕松實現元素的居中對齊，而不需要使用復雜的代碼。 例如：

<style>
.parent {
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div class="parent">
<p>這是一個段落</p>
<span>這是一行文本</span>
</div>

以上是一些常用的代碼示例，希望對你在HTML盒子居中對齊方面有所幫助。當然，還有其他方法可以實現居中對齊，你可以繼續探索并嘗試。