<%@LANGUAGE="VBSCRIPT" CODEPAGE="950"%> 拓米數位CSS串接樣式表教學文件
文件標題:[C004]文字樣式之四vertical-align二個Html元件之間的對齊方式

內容說明:

1、文字樣式 vertical-align

教學內容:

1、文字樣式 vertical-align

指定二個Html元件之間的對齊方式,例如:圖片與文字、文字與文字

語法:

vertical-align:樣式值

樣式值 意義 範例 範例
baseline 預設值,對齊文字底部 文字與圖的位置
top 對齊元件頂端
(不限文字或圖片)
文字與圖的位置
text-top 對齊元件的文字頂端
(限文字)
文字與圖的位置
middle 對齊元件的中點 文字與圖的位置
bottom 對齊元件底部
(不限文字或圖片)
文字與圖的位置
text-bottom 對齊元件的文字底部
(限文字)
文字與圖的位置
sub 下標文字,設定2為下標文字 H20、CO2
super 上標文字,設定2為上標文字 X2、Y2
百分比0%

原預設值
語法:vertical-align:0%

文字與圖的位置
百分比100% 圖片會比原預設值高出百分之一百(一百指字的一倍高度)
語法:vertical-align:100%
文字與圖的位置
百分比-100% 圖片會比原預設值低於百分之一日(一百指字的一倍高度)
語法:vertical-align:-100%
文字與圖的位置
   
   最後修改日期: 2003年10月8日