溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關css如何實現垂直對齊，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
該屬性定義行內元素的基線相對于該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是升高。在表單元格中，這個屬性會設置單元格框中的單元格內容的對齊方式。
語法：vertical-align: 屬性值; 可能的值有：
baseline：默認。元素放置在父元素的基線上。
sub：垂直對齊文本的下標。
super：垂直對齊文本的上標
top：把元素的頂端與行中最高元素的頂端對齊
text-top：把元素的頂端與父元素字體的頂端對齊
middle：把此元素放置在父元素的中部。
bottom：把元素的頂端與行中最低的元素的頂端對齊。
text-bottom：把元素的底端與父元素字體的底端對齊。
length：具體值，允許使用負值。
%：使用 "line-height" 屬性的百分比值來排列此元素，允許使用負值。
<!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">無際</body></html>
關于“css如何實現垂直對齊”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
