在CSS中,顯示圖片縱向通??梢酝ㄟ^(guò)設(shè)置圖片的height
和width
屬性來(lái)實(shí)現(xiàn),以下是一個(gè)簡(jiǎn)單的示例,展示如何在CSS中設(shè)置圖片縱向顯示:
img { height: 100px; /* 你可以根據(jù)需要調(diào)整圖片的高度 */ width: auto; /* 讓寬度自動(dòng)調(diào)整以適應(yīng)高度 */ }
在這個(gè)示例中,img
選擇器用于選擇頁(yè)面上的所有圖片。height
屬性設(shè)置為100px,表示圖片的高度將為100像素。width
屬性設(shè)置為auto
,這意味著圖片的寬度將自動(dòng)調(diào)整以適應(yīng)高度,從而保持圖片的縱橫比不變。
如果你想要對(duì)特定的圖片應(yīng)用這個(gè)樣式,你可以使用類(lèi)選擇器或ID選擇器來(lái)替代img
選擇器,如果你有一個(gè)ID為vertical-image
的圖片,你可以這樣寫(xiě):
#vertical-image { height: 100px; width: auto; }
這樣,只有ID為vertical-image
的圖片會(huì)被設(shè)置為縱向顯示。
這種方法僅適用于CSS支持的瀏覽器和版本,確保你的目標(biāo)受眾使用的瀏覽器支持CSS樣式。