< p >在 CSS 中，水平居中一個子控件（如文本、圖像等）是一件非常常見的任務。< /p >< p >有幾種方法可以實現這一目標，其中一種是使用文本對齊和 margin 屬性。代碼如下：< /p >< pre >.parent { text-align: center; } .child { display: inline-block; margin: 0 auto; }< /pre >< p >上述代碼首先將父元素的文本對齊設置為居中。接下來，將子元素的顯示屬性設置為 inline-block，以便它可以居中對齊，并將 margin 屬性設置為 auto，以便它在水平方向上居中對齊。< /p >< p >還有一種方法是使用 flexbox 布局來實現水平對齊。以下是實現此目標的代碼：< /p >< pre >.parent { display: flex; justify-content: center; } .child { /* styles for child element */ }< /pre >< p >上述代碼將父元素的顯示屬性設置為 flex，并將 justify-content 屬性設置為 center，這將使子元素在水平方向上居中對齊。如果你要對齊的元素需要在垂直方向上居中對齊，你可以使用 align-items 屬性。< /p >< p >總之，這些方法都可以實現子控件的水平居中。選擇哪種方法取決于你的具體情況和喜好。< /p >