CSS是網(wǎng)頁設(shè)計(jì)中必不可少的一項(xiàng)技術(shù)，可以用來控制網(wǎng)頁中的各種元素的樣式。其中，同行排列是一種常用的布局方式。

/*同行排列*/
.box{
display: flex;   /*將.box設(shè)置為flex布局*/
justify-content: space-around;  /*設(shè)置主軸上的對(duì)齊方式為左右間隔*/
align-items: center;  /*設(shè)置交叉軸上的對(duì)齊方式為居中*/
}
.box .item{
flex: 1;   /*將.item設(shè)置為彈性伸縮項(xiàng)，占滿剩余空間*/
text-align: center;  /*設(shè)置文本居中*/
}

以上為使用CSS實(shí)現(xiàn)同行排列的基本代碼。其中，通過將父元素設(shè)置為Flex布局，使得子元素可以按照一定的比例排列。justify-content屬性可以設(shè)置主軸上的排列方式，常用的有flex-start（左對(duì)齊）、center（居中對(duì)齊）和flex-end（右對(duì)齊）；align-items屬性可以設(shè)置交叉軸上的對(duì)齊方式，常用的有center（居中對(duì)齊）、flex-start（頂部對(duì)齊）和flex-end（底部對(duì)齊）。

通過以上代碼，可以實(shí)現(xiàn)同行排列的效果，使得相鄰的元素之間保持一定的距離，將頁面設(shè)計(jì)得更為美觀和整潔。