與valign的對(duì)比

vertical-align在小雨手冊(cè)上的解釋是：設(shè)置或檢索對(duì)象內(nèi)容的垂直對(duì)其方式。我覺(jué)得不太理解的是vertical-align所在的分類是“屬性/文本”

O3noBLOG特別強(qiáng)調(diào)的是vertical-align和valign的不同，的確vertical-align應(yīng)用最多的應(yīng)該是在td內(nèi)，控制內(nèi)部對(duì)象位置，和td的valign屬性極其相似。

valign共有四個(gè)參數(shù)：top, baseline, bottom, middle，相對(duì)而言vertical-align也有相同的屬性值，以下是對(duì)td控制對(duì)比：



使用vertical-align:top;來(lái)避免td默認(rèn)的valign="middle"是很好的選擇，當(dāng)然也可以使用vertical-align:middle;來(lái)對(duì)td控制，但對(duì)div肯定也是無(wú)效的。

效果演示：http://www.rexsong.com/blog/attachments/20...1246_valign.htm

與align的對(duì)比

按照w3的提示，使用vertical-align使用在inline對(duì)象上，比如對(duì)img的控制，于是又和img的align屬性類似。

使用align="absmiddle"控制img絕對(duì)居中的時(shí)候，也可以嘗試使用vertical-align:middle;，做個(gè)對(duì)比看的更清楚：

所以真正的絕對(duì)居中還是align="absmiddle"，這是使用CSS不可替代的。

效果演示：http://www.rexsong.com/blog/attachments/20...41444_align.htm

inline應(yīng)用

用來(lái)決定inline對(duì)象的垂直位置，看兩個(gè)例子：

小圖：http://www.rexsong.com/blog/attachments/20...ignmenttest.htm
大圖：http://www.rexsong.com/blog/attachments/20...rticalalign.htm

HTML/CSS技術(shù)：探討vertical-align應(yīng)用，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。