在CSS中，我們可以使用transform屬性將豎著的圖片變?yōu)闄M的，以下是一個簡單的示例：

<img id="myImage" src="vertical_image.jpg" style="transform:rotate(-90deg);">

在這個示例中，transform:rotate(-90deg)會將圖片旋轉-90度，從而實現(xiàn)從豎到橫的轉變，你可以根據需要調整旋轉的角度。

如果你想要讓圖片在旋轉后保持其原始大小，可以使用transform-origin屬性來指定旋轉的中心點：

<img id="myImage" src="vertical_image.jpg" style="transform:rotate(-90deg); transform-origin:top left;">

在這個示例中，transform-origin:top left會將圖片從左上角開始旋轉，這樣可以確保圖片在旋轉后仍保持原始大小。

transform屬性在舊版本的瀏覽器中可能不被支持，為了確保兼容性，你可以使用CSS的@supports規(guī)則來檢查transform屬性是否被支持：

@supports (transform:rotate(-90deg)) {
  #myImage {
    transform:rotate(-90deg);
    transform-origin:top left;
  }
}

這樣，只有在支持transform屬性的瀏覽器中，圖片才會被旋轉。