在網頁布局中，經常會遇到需要將某個元素進行居中對齊的情況。對于普通的塊級元素，可以使用margin屬性來實現水平居中。但是當需要對多個元素實現左右分布的居中對齊時，就需要借助CSS的flex布局。

.container {
display: flex;
justify-content: space-between;
align-items: center;
}

在上述代碼中，容器元素被設置為flex布局，并使用justify-content屬性來使其中的子元素左右分布。同時，align-items屬性可以用來將子元素在垂直方向上進行居中對齊。

通過以上的代碼，我們就能夠實現多個元素在容器內左右分布的居中對齊了。同時，這種CSS布局方法還具有強適應性和可擴展性，可以適應各種不同尺寸的瀏覽器窗口和不同設備的屏幕。