主頁 > 知識(shí)庫 > 探討vertical-align應(yīng)用

探討vertical-align應(yīng)用

熱門標(biāo)簽:南通電話外呼系統(tǒng)開發(fā) 沸思外呼線路 石家莊電話機(jī)器人電話 北京銷售外呼系統(tǒng)線路 南寧外呼電銷系統(tǒng)招商 電銷機(jī)器人的宣傳語 江西防封卡外呼系統(tǒng)怎么安裝 400電話辦理安徽 電銷智能機(jī)器人靠譜么

與valign的對(duì)比

vertical-align在小雨手冊上的解釋是:設(shè)置或檢索對(duì)象內(nèi)容的垂直對(duì)其方式。我覺得不太理解的是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;來避免td默認(rèn)的valign="middle"是很好的選擇,當(dāng)然也可以使用vertical-align:middle;來對(duì)td控制,但對(duì)div肯定也是無效的。

效果演示: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)用

用來決定inline對(duì)象的垂直位置,看兩個(gè)例子:

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

標(biāo)簽:衢州 北海 云南 來賓 晉中 鹽城 陽泉 寧夏

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《探討vertical-align應(yīng)用》,本文關(guān)鍵詞  探討,vertical-align,應(yīng)用,探討,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《探討vertical-align應(yīng)用》相關(guān)的同類信息!
  • 本頁收集關(guān)于探討vertical-align應(yīng)用的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章