CSS是一種用于設計網頁布局的語言，它可以讓我們輕松地控制HTML元素的樣式和排版。在實現網頁布局的過程中，水平對齊是一個常見的問題。下面，我們就來看看CSS中兩個組件水平對齊的方法。

.parent{
display: flex; /*使用彈性盒子布局*/
justify-content: space-between; /*兩端對齊*/
}
/*或者*/
.parent{
display: inline-block; /*使父元素變成行內塊級元素*/
text-align: justify; /*兩端對齊*/
}

以上是兩種比較常見的實現水平對齊的方法。首先，我們來看一下第一種方法，它使用了CSS的彈性盒子布局，可以實現父元素兩個組件的兩端對齊。我們給父元素設置display屬性為flex，然后使用justify-content屬性來控制對齊方式，設置為space-between即可。

第二種水平對齊的方法是使用行內塊級元素，我們給父元素設置display屬性為inline-block，然后使用text-align屬性來控制對齊方式，設置為justify即可。

總的來說，CSS提供了很多實現組件水平對齊的方法，這里只介紹了兩種比較常見的方法。選擇哪種方法還是要根據具體的情況來定，可以考慮試試多種方法，比較哪種更適合當前的布局。