在CSS3中，我們可以利用flex布局和grid布局的屬性，實現(xiàn)自動對齊兩邊的效果。

首先，我們來看flex布局。我們可以利用justify-content屬性來實現(xiàn)自動對齊兩邊的效果。

.parent {
display: flex;
justify-content: space-between;
}

這段代碼中，我們將父元素設(shè)置為flex布局，并設(shè)置justify-content屬性為space-between，表示讓子元素自動對齊兩邊。當子元素數(shù)量不足兩個時，會自動居中對齊。

接下來我們來看grid布局。我們可以利用grid-template-columns屬性來實現(xiàn)自動對齊兩邊的效果。

.parent {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
}

這段代碼中，我們將父元素設(shè)置為grid布局，并設(shè)置grid-template-columns屬性，其中使用了auto-fit和minmax屬性。auto-fit表示自動填充父元素的寬度，minmax(200px, 1fr)表示每一個子元素的寬度最小為200px，最大為父元素寬度分之一。在這個設(shè)置下，當子元素數(shù)量不足兩個時，會自動居中對齊。

以上就是利用flex布局和grid布局實現(xiàn)自動對齊兩邊的方法，希望對大家有所幫助。