亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

CSS 基礎(chǔ)教程

CSS 盒子模型

CSS3基礎(chǔ)教程

CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS vertical-align(垂直對(duì)齊)

CSS vertical-align垂直對(duì)齊方式屬性用于定義嵌入式或表格單元格框的垂直對(duì)齊方式。vertical-align是CSS的重要的特性之一。對(duì)于初學(xué)者來(lái)說(shuō)，開始可能不容易掌握,文章底部給出了示例,方便您快速理解掌握該屬性。

它能做什么

  1. 它應(yīng)用于內(nèi)聯(lián)或內(nèi)聯(lián)塊元素。

  2. 它影響元素的對(duì)齊方式，而不影響其內(nèi)容。（表格單元格除外）

  3. 當(dāng)將其應(yīng)用于表格單元格時(shí)，它將影響單元格的內(nèi)容，而不是單元格本身。

CSS vertical-align垂直對(duì)齊值

值描述
baseline它將元素的基線與父元素的基線對(duì)齊。這是默認(rèn)值。
length它用于按指定的長(zhǎng)度增加或減少元素的長(zhǎng)度。也可以使用負(fù)值。
%它用于按“行高”屬性的百分比增加或減少元素。允許為負(fù)值。
sub對(duì)齊元素，就好像它是下標(biāo)一樣。
super它對(duì)齊元素，就好像它是上標(biāo)一樣。
top它將元素的頂部與線上的最高元素的頂部對(duì)齊。
bottom它將元素的底部與該行的最低元素對(duì)齊。
text-top元素的頂部與父元素的字體的頂部對(duì)齊。
middle元素放置在父元素的中間。
text-bottom元素的底部與父元素的字體的底部對(duì)齊。
initial它將此屬性設(shè)置為其默認(rèn)值。
inherit從其父元素繼承此屬性。

CSS垂直對(duì)齊在線示例

<!DOCTYPE html>  
<html>  
<head>  
<style>  
img.top {  
    vertical-align: text-top;  
}  
img.bottom {  
    vertical-align: text-bottom;  
}  
</style>  
</head>  
<body>  
<p><img src="/run/images/heart.jpg" alt="心型圖案"/> 這是具有默認(rèn)對(duì)齊方式的圖像。</p>   
<p><img src="/run/images/heart.jpg" style="vertical-align: text-top;" alt="心型圖案"/> 這是文本頂部對(duì)齊的圖像。</p>   
<p><img src="/run/images/heart.jpg" style="vertical-align: text-bottom;" alt="心型圖案"/> 這是具有文本底部對(duì)齊方式的圖像。</p>  
</body>  
</html>
測(cè)試看看?/?

輸出：

心型圖案 這是具有默認(rèn)對(duì)齊方式的圖像。

心型圖案 這是文本頂部對(duì)齊的圖像。

心型圖案 這是具有文本底部對(duì)齊方式的圖像。