vertical-align和valign

CSS中最容易搞錯的東西之一,CSS的vertical-align屬性和TH、TD標籤valign屬 性是不一樣的兩個東西,

valign就是物件內的東西的垂直位置,

不過vertical-align不是,事實上他是用在inline物件上的,用來決定 一個inline物件的垂直位置(例如:上標、下標),通常是用不太到,比較容易看到影響的是img標籤,img標籤如果沒用CSS指定的話預設就是 inline的物件。

那要怎麼讓物件垂直置中呢?如果只是單行文字要置中還簡單,只要讓line-height等於外層物件的height就可以了(舊瀏覽器有些不支 持,ex: IE5/Mac),如果是block物件要置中那就麻煩了,比較土法煉鋼的方法是靠外層的padding,要準確一點的話一定 會需要增加標籤數,而且很trick,就不介紹了(其實是範例找不到了@_@)。

 

發佈了19 篇原創文章 · 獲贊 3 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章