溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細(xì)講解有關(guān)css如何實(shí)現(xiàn)垂直對(duì)齊，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
該屬性定義行內(nèi)元素的基線相對(duì)于該元素所在行的基線的垂直對(duì)齊。允許指定負(fù)長(zhǎng)度值和百分比值。這會(huì)使元素降低而不是升高。在表單元格中，這個(gè)屬性會(huì)設(shè)置單元格框中的單元格內(nèi)容的對(duì)齊方式。
語(yǔ)法：vertical-align: 屬性值; 可能的值有：
baseline：默認(rèn)。元素放置在父元素的基線上。
sub：垂直對(duì)齊文本的下標(biāo)。
super：垂直對(duì)齊文本的上標(biāo)
top：把元素的頂端與行中最高元素的頂端對(duì)齊
text-top：把元素的頂端與父元素字體的頂端對(duì)齊
middle：把此元素放置在父元素的中部。
bottom：把元素的頂端與行中最低的元素的頂端對(duì)齊。
text-bottom：把元素的底端與父元素字體的底端對(duì)齊。
length：具體值，允許使用負(fù)值。
%：使用 "line-height" 屬性的百分比值來(lái)排列此元素，允許使用負(fù)值。
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> img { width: 100px; vertical-align: middle; }</style></head><body> 碼海<img src="img/ghzm.jpg">無(wú)際</body></html>
關(guān)于“css如何實(shí)現(xiàn)垂直對(duì)齊”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼