共計 664 個字符，預(yù)計需要花費 2 分鐘才能閱讀完成。

這篇文章將為大家詳細(xì)講解有關(guān) css 如何實現(xiàn)垂直對齊，丸趣 TV 小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

垂直對齊

該屬性定義行內(nèi)元素的基線相對于該元素所在行的基線的垂直對齊。允許指定負(fù)長度值和百分比值。這會使元素降低而不是升高。在表單元格中，這個屬性會設(shè)置單元格框中的單元格內(nèi)容的對齊方式。

語法：vertical-align: 屬性值; 可能的值有：

baseline：默認(rèn)。元素放置在父元素的基線上。

sub：垂直對齊文本的下標(biāo)。

super：垂直對齊文本的上標(biāo)

top：把元素的頂端與行中最高元素的頂端對齊

text-top：把元素的頂端與父元素字體的頂端對齊

middle：把此元素放置在父元素的中部。

bottom：把元素的頂端與行中最低的元素的頂端對齊。

text-bottom：把元素的底端與父元素字體的底端對齊。

length：具體值，允許使用負(fù)值。

%：使用 line-height 屬性的百分比值來排列此元素，允許使用負(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 無際 /body /html

關(guān)于“css 如何實現(xiàn)垂直對齊”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。