在CSS中,您可以使用transform
屬性將圖片橫過來,以下是一個簡單的示例:
img { transform: rotate(-90deg); }
這個CSS規(guī)則會將所有的圖片元素旋轉(zhuǎn)90度,從而實(shí)現(xiàn)將圖片橫過來的效果,需要注意的是,這個規(guī)則會將圖片的高度和寬度互換,因此您可能需要相應(yīng)地調(diào)整圖片的尺寸或容器的尺寸。
如果您只想對某個特定的圖片應(yīng)用這個效果,您可以給這個圖片一個特定的類名或ID,然后針對這個類名或ID應(yīng)用transform
屬性。
#myImage { transform: rotate(-90deg); }
在這個示例中,只有ID為myImage
的圖片會被旋轉(zhuǎn)90度。
需要注意的是,transform
屬性在IE9以下的版本中不被支持,如果您需要支持這些舊版本的瀏覽器,您可能需要使用其他的方法來實(shí)現(xiàn)將圖片橫過來的效果。