小編給大家分享一下css中vertical-align是什么意思，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手，突出企業(yè)的產(chǎn)品/服務(wù)/品牌，幫助企業(yè)鎖定精準(zhǔn)用戶(hù)，提高在線咨詢(xún)和轉(zhuǎn)化，使成都網(wǎng)站營(yíng)銷(xiāo)成為有效果、有回報(bào)的無(wú)錫營(yíng)銷(xiāo)推廣。成都創(chuàng)新互聯(lián)專(zhuān)業(yè)成都網(wǎng)站建設(shè)10多年了，客戶(hù)滿意度97.8%，歡迎成都創(chuàng)新互聯(lián)客戶(hù)聯(lián)系。

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

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：

%：使用"line-height"屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。

inherit：規(guī)定應(yīng)該從父元素繼承vertical-align屬性的值。

比如：vertical-aligntop就是垂直對(duì)齊文本的頂部。

在表格中，這個(gè)屬性設(shè)置單元格內(nèi)容的對(duì)齊方式.vertical-align應(yīng)用最多的應(yīng)該是在td內(nèi)，控制內(nèi)部對(duì)象位置。

下面我們來(lái)看一個(gè)具體的示例：

img.top{vertical-align:text-top}

img.bottom{vertical-align:text-bottom}

這是一幅位于段落中的圖像。

這是一幅位于段落中的圖像。

以上是“css中vertical-align是什么意思”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！