探討vertical-align應(yīng)用
與valign的對比
vertical-align在小雨手冊上的解釋是：設(shè)置或檢索對象內(nèi)容的垂直對其方式。我覺得不太理解的是vertical-align所在的分類是“屬性/文本”
O3noBLOG特別強(qiáng)調(diào)的是vertical-align和valign的不同，的確vertical-align應(yīng)用最多的應(yīng)該是在td內(nèi)，控制內(nèi)部對象位置，和td的valign屬性極其相似。
valign共有四個參數(shù)：top, baseline, bottom, middle，相對而言vertical-align也有相同的屬性值，以下是對td控制對比：
使用vertical-align:top;來避免td默認(rèn)的valign="middle"是很好的選擇，當(dāng)然也可以使用vertical-align:middle;來對td控制，但對div肯定也是無效的。
效果演示：http://www.rexsong.com/blog/attachments/20...1246_valign.htm
與align的對比
按照w3的提示，使用vertical-align使用在inline對象上，比如對img的控制，于是又和img的align屬性類似。
使用align="absmiddle"控制img絕對居中的時候，也可以嘗試使用vertical-align:middle;，做個對比看的更清楚：
所以真正的絕對居中還是align="absmiddle"，這是使用CSS不可替代的。
效果演示：http://www.rexsong.com/blog/attachments/20...41444_align.htm
inline應(yīng)用
用來決定inline對象的垂直位置，看兩個例子：
小圖：http://www.rexsong.com/blog/attachments/20...ignmenttest.htm
大圖：http://www.rexsong.com/blog/attachments/20...rticalalign.htm
相關(guān)文章
針對瀏覽器隱藏CSS...2006-09-09
這篇文章主要介紹了如何學(xué)習(xí)html的各種標(biāo)簽,文中示例代碼介紹的非常詳細(xì).正在上學(xué)的同學(xué)和工作的朋友有很大的參考價值,要的朋友可以參考下2022-03-03
今天要講的window.getComputedStyle ，就像剛接觸JS的時候，看到 document.getElementById一樣，名字都這么長，頓生怯意。不過莫慌，我覺得如果我們不是只想做一個混飯吃的前端，那么越是底層的東西，如果能夠吃透它，越是能讓人進(jìn)步。2021-05-05
CSS中box（盒模式）的分析...2006-08-08
IE圖片下空隙問題解決方法集合...2006-09-09
CSS編輯工具Topstyle輕松打造網(wǎng)頁風(fēng)格
CSS編輯工具Topstyle輕松打造網(wǎng)頁風(fēng)格...2006-09-09
CSS hack瀏覽器兼容一覽表...2006-08-08
兼容各個瀏覽器的技巧...2006-09-09
探討vertical-align應(yīng)用...2006-09-09
一個自動居中的導(dǎo)航條實(shí)例與相關(guān)問題 DIV+CSS
一個自動居中的導(dǎo)航條實(shí)例與相關(guān)問題 DIV+CSS...2006-09-09