CSS是一種用于設計網頁的樣式表語言，可以控制網頁的布局、顏色、字體等方面的樣式。在設計網頁時，我們經常遇到需要改變元素的排列方向的情況，CSS可以輕松實現水平排列和垂直排列的切換。

/*豎排改橫排實現*/
.box {
display: flex; /*使用flex布局*/
flex-direction: row; /*水平排列*/
}

上面的代碼中，我們使用了CSS3中的flex布局屬性，其中flex-direction屬性可以控制元素的主軸方向。當值為row時，元素按照水平方向排列，當值為column時，元素按照垂直方向排列。

/*橫排改豎排實現*/
.box {
display: flex; /*使用flex布局*/
flex-direction: column; /*垂直排列*/
}

同樣，我們只需要將flex-direction的值設置為column，即可輕松實現橫排改豎排的切換。

總之，在網頁設計中，CSS是一個不可或缺的工具，可以幫助我們輕松實現各種炫酷的樣式效果。同時，熟練掌握CSS的技巧，也可以提升我們的工作效率，讓我們的網頁設計更加專業、美觀。