CSS圖片水平旋轉(zhuǎn)設(shè)置方法

在CSS中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)圖片的水平旋轉(zhuǎn)，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<img id="myImage" src="image.jpg" alt="My Image">

CSS代碼：

#myImage {
  transform: rotate(-90deg);
}

在這個(gè)示例中，圖片的水平旋轉(zhuǎn)角度為-90度，即圖片將逆時(shí)針旋轉(zhuǎn)90度，您可以根據(jù)需要調(diào)整旋轉(zhuǎn)角度，如果需要將圖片旋轉(zhuǎn)回原始位置，可以將旋轉(zhuǎn)角度設(shè)置為0度。

旋轉(zhuǎn)圖片可能會(huì)影響其顯示區(qū)域，如果您需要限制圖片的顯示區(qū)域，可以使用CSS的width和height屬性來(lái)設(shè)置圖片的寬度和高度，您還可以考慮使用CSS的overflow屬性來(lái)處理圖片超出其顯示區(qū)域的情況。