CSS怎么辦豎著的變橫的？

有時候我們需要讓豎著的內容變成橫著的，比如一些比較長的菜單或者導航欄，占據了比較大的寬度，而且也不利于頁面布局，這時候我們可以使用CSS來實現豎著的變橫的。

實現豎著的變橫的，最常用的方式是使用CSS的“transform”屬性。transform屬性是CSS3中比較新的屬性，它允許我們對元素進行旋轉、縮放、傾斜、平移等操作，非常的強大。我們這里只需要用到“rotate”這個值。

.vertical-text {
writing-mode: vertical-rl;
transform: rotate(180deg);
}

上面代碼中，“writing-mode”屬性可以讓豎著的文本變成從右向左的文本，而“transform”屬性可以對其進行旋轉，這里旋轉了180度，就能變成橫向文本了。代碼中的“.vertical-text”是一個自定義的class，可以根據實際需要修改。

當然，還有其他的方式可以實現豎著的變橫的，比如使用flex布局或者grid布局，這里就不再贅述。

總之，我們可以使用CSS的transform屬性實現豎著的變橫的，這樣能夠讓頁面布局更加合理，也讓用戶的體驗更加舒適。