亚洲ⅴ欧洲第一的日产av,日韩在线一区二区不卡视频,亚洲精品自产拍在线观看动漫,收集最新中文国产中文字幕,人妻被按摩到潮喷中文字幕

語法：

默認值：baseline

適用于：內聯級與 table-cell 元素

繼承性：無

動畫性：當值為 <length> 時

計算值：指定值

取值：

baseline：: 把當前盒的基線與父級盒的基線對齊。如果該盒沒有基線，就將底部外邊距的邊界和父級的基線對齊
sub：: 把當前盒的基線降低到合適的位置作為父級盒的下標（該值不影響該元素文本的字體大小）
super：: 把當前盒的基線提升到合適的位置作為父級盒的上標（該值不影響該元素文本的字體大?。?/dd>
text-top：: 把當前盒的top和父級的內容區的top對齊
text-bottom：: 把當前盒的bottom和父級的內容區的bottom對齊
middle：: 把當前盒的垂直中心和父級盒的基線加上父級的半x-height對齊
top：: 把當前盒的top與行盒的top對齊
bottom：: 把當前盒的bottom與行盒的bottom對齊
<percentage>：: 把當前盒提升（正值）或者降低（負值）這個距離，百分比相對line-height計算。當值為0%時等同于baseline。
<length>：: 把當前盒提升（正值）或者降低（負值）這個距離。當值為0時等同于baseline。（CSS2）

說明：

設置或檢索內聯元素在行框內的垂直對其方式。

對應的腳本特性為verticalAlign。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0+	2.0+	4.0+	6.0+	15.0+	6.0+	2.1+	18.0+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>vertical-align_CSS參考手冊_web前端開發參考手冊系列【CSS在線手冊-網站設計教程參考資料】</title>
<meta name="author" content="易網,網站設計,網站制作,網站建設,www.gdywg.com.cn" />
<style>
.test p{border:1px solid #000;font-size:16px;line-height:2;}
.test a{margin-left:5px;font-size:12px;}
.baseline a{vertical-align:baseline;}
.sub a{vertical-align:sub;}
.super a{vertical-align:super;}
.top a{vertical-align:top;}
.text-top a{vertical-align:text-top;}
.middle a{vertical-align:middle;}
.bottom a{vertical-align:bottom;}
.text-bottom a{vertical-align:text-bottom;}
.length a{vertical-align:10px;}
</style>
</head>
<body>
<ul class="test">
	<li id="uaukcwsk2o2i" class="baseline">
		與基線對齊
		參考內容<a href="?">基線對齊</a>
	</li>
	<li id="uaukcwsk2o2i" class="sub">
		與參考內容的下標對齊
		參考內容<a href="?">下標對齊</a>
	</li>
	<li id="uaukcwsk2o2i" class="super">
		與參考內容的上標對齊
		參考內容<a href="?">上標對齊</a>
	</li>
	<li id="uaukcwsk2o2i" class="top">
		對象的內容與對象頂端對齊
		參考內容<a href="?">要對齊的內容</a>
	</li>
	<li id="uaukcwsk2o2i" class="text-top">
		對象的文本與對象頂端對齊
		參考內容<a href="?">要對齊的內容</a>
	</li>
	<li id="uaukcwsk2o2i" class="middle">
		對象的內容與對象中部對齊
		參考內容<a href="?">要對齊的內容</a>
	</li>
	<li id="uaukcwsk2o2i" class="bottom">
		對象的內容與對象底端對齊
		參考內容<a href="?">要對齊的內容</a>
	</li>
	<li id="uaukcwsk2o2i" class="text-bottom">
		對象的文本與對象頂端對齊
		參考內容<a href="?">要對齊的內容</a>
	</li>
	<li id="uaukcwsk2o2i" class="length">
		與基線算起的偏移量
		參考內容<a href="?">偏移量對齊</a>
	</li>
</ul>
</body>
</html>