CSS是一種強(qiáng)大的樣式表語(yǔ)言，可以用來(lái)控制網(wǎng)頁(yè)的外觀和布局，將橫圖變成縱圖是CSS中的一個(gè)常見(jiàn)需求，下面是一些實(shí)現(xiàn)方法：

1、使用CSS的transform屬性

CSS的transform屬性可以用來(lái)對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、移動(dòng)等操作，將橫圖變成縱圖，可以通過(guò)設(shè)置transform屬性中的rotate函數(shù)來(lái)實(shí)現(xiàn)，將一張寬度為200像素、高度為100像素的圖片旋轉(zhuǎn)90度，可以寫成以下CSS代碼：

img {
  transform: rotate(90deg);
}

2、使用CSS的writing-mode屬性

CSS的writing-mode屬性可以用來(lái)控制文本和圖片的方向，將橫圖變成縱圖，可以通過(guò)設(shè)置writing-mode屬性中的vertical-rl或vertical-lr來(lái)實(shí)現(xiàn)，將一張寬度為200像素、高度為100像素的圖片設(shè)置為vertical-rl方向，可以寫成以下CSS代碼：

img {
  writing-mode: vertical-rl;
}

3、使用CSS的height和width屬性

將橫圖變成縱圖后，可能需要調(diào)整圖片的高度和寬度，可以通過(guò)設(shè)置CSS中的height和width屬性來(lái)實(shí)現(xiàn)，將一張寬度為200像素、高度為100像素的圖片變成縱圖后，可以將其高度和寬度調(diào)整為100像素和200像素：

img {
  height: 100px;
  width: 200px;
}

需要注意的是，將橫圖變成縱圖后，可能會(huì)導(dǎo)致圖片的內(nèi)容顯示不完全或者出現(xiàn)空白區(qū)域，在實(shí)際應(yīng)用中，需要根據(jù)具體的需求和情況進(jìn)行調(diào)整和優(yōu)化。