今天來介紹css中一個常用的屬性：vertical-align，vertical-align 屬性主要用來設置元素的垂直對齊方式。注意：vertical-align 屬性只能用于行內元素和置換元素（例如 圖像和表單輸入框），此屬性不繼承。
vertical-align常用屬性值：
baseline：默認值， 讓元素的基線與父元素文本的基線對齊。。
top：令元素的頂端對齊；
middle：元素的垂直中心點和行框盒子基線往上1/2x-height處對齊。
bottom：把元素的頂端與行中最低的元素的頂端對齊。
vertical-align還可以指定為具體的值，表示把目標元素抬升或下沉的距離。如圖，vertical-align：10px表示把元素從原位置向上抬升10像素。長度值為負時則下沉元素。
除此之外，vertical-align的值還可以設置為百分比。
百分數(shù)不像vertical-align="middle”那樣對齊圖像。把vertical-align的值設為百分數(shù)，指的是把元素的基線（或置換元素的底邊）相對父元素的基線抬升或下沉指定的量（指定的百分數(shù)相對元素自身而非父元素的line-height 計算）。正百分數(shù)抬升元素，負百分數(shù)下沉元素。如果百分數(shù)的值足夠大，可能會造成樣式錯亂，因此使用百分數(shù)時要小心。
上一篇： 為餅圖添加對應顏色邊框
關鍵詞:
