CSS中可以使用flex布局來(lái)實(shí)現(xiàn)將同行元素分布在兩邊,以下是一個(gè)簡(jiǎn)單的示例:
.container { display: flex; justify-content: space-between; } .item { width: 50%; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)名為container
的容器,并使用display: flex
將其轉(zhuǎn)換為flex布局,我們使用justify-content: space-between
將容器中的元素分布在兩邊,使它們之間的間隔相等,我們?yōu)?code>item元素指定了寬度為50%,以確保它們不會(huì)超出容器的寬度。
通過(guò)這種方法,我們可以輕松地將同行元素分布在兩邊,并控制它們之間的間隔和寬度。