在CSS中,您可以使用align
屬性來(lái)設(shè)置圖片的對(duì)齊方式,該屬性接受以下值:left
、right
、center
和justify
。
left
圖片將左對(duì)齊到其包含塊。
right
圖片將右對(duì)齊到其包含塊。
center
圖片將居中對(duì)齊到其包含塊,這是默認(rèn)值。
justify
圖片將拉伸以適應(yīng)其包含塊的寬度,同時(shí)保持其原始縱橫比。
align
屬性僅適用于圖片元素,并且僅在其包含塊寬度大于圖片寬度時(shí)有效,如果圖片寬度大于包含塊寬度,則align
屬性將被忽略,圖片將左對(duì)齊到包含塊的邊緣。
CSS還提供了另一個(gè)屬性vertical-align
,用于設(shè)置圖片與其相鄰文本之間的垂直對(duì)齊方式,該屬性接受以下值:top
、middle
、bottom
和baseline
。
top
圖片將與其相鄰文本垂直對(duì)齊到頂部。
middle
圖片將與其相鄰文本垂直對(duì)齊到中間。
bottom
圖片將與其相鄰文本垂直對(duì)齊到底部。
baseline
圖片將與其相鄰文本垂直對(duì)齊到基線,這是默認(rèn)值。
vertical-align
屬性僅在其相鄰文本存在時(shí)有效,如果圖片沒(méi)有相鄰文本,則該屬性將被忽略。