JAVA & XML & JAVASCRIPT & AJAX & CSS

          Web 2.0 技術(shù)儲(chǔ)備............

            BlogJava :: 首頁(yè) :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            77 隨筆 :: 17 文章 :: 116 評(píng)論 :: 0 Trackbacks
          與valign的對(duì)比

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

          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/atta ... 4_141246_valign.htm

          與align的對(duì)比

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

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

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

          效果演示:http://www.rexsong.com/blog/atta ... 14_141444_align.htm

          inline應(yīng)用

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

          小圖:http://www.rexsong.com/blog/atta ... alalignmenttest.htm
          大圖:http://www.rexsong.com/blog/atta ... 7_verticalalign.htm

          from: http://www.rexsong.com/blog/article.asp?id=154
          posted on 2006-03-16 23:08 Web 2.0 技術(shù)資源 閱讀(675) 評(píng)論(0)  編輯  收藏 所屬分類(lèi): CSS
          主站蜘蛛池模板: 桐城市| 包头市| 新平| 南和县| 罗田县| 长武县| 沾益县| 巫溪县| 南部县| 金门县| 罗城| 巴东县| 荥阳市| 汽车| 贵阳市| 乌拉特中旗| 宜良县| 偏关县| 资阳市| 大名县| 黄石市| 高碑店市| 延安市| 宿迁市| 临朐县| 松潘县| 浪卡子县| 连云港市| 邻水| 沐川县| 广南县| 宕昌县| 山阴县| 安达市| 德清县| 潞城市| 晋州市| 聂荣县| 公安县| 双辽市| 塔城市|