JAVA & XML & JAVASCRIPT & AJAX & CSS

          Web 2.0 技術儲備............

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            77 隨筆 :: 17 文章 :: 116 評論 :: 0 Trackbacks
          與valign的對比

          vertical-align在小雨手冊上的解釋是:設置或檢索對象內容的垂直對其方式。我覺得不太理解的是vertical-align所在的分類是“屬性/文本”

          O3noBLOG特別強調的是vertical-align和valign的不同,的確vertical-align應用最多的應該是在td內,控制內部對象位置,和td的valign屬性極其相似。

          valign共有四個參數:top, baseline, bottom, middle,相對而言vertical-align也有相同的屬性值,以下是對td控制對比:

          使用vertical-align:top;來避免td默認的valign="middle"是很好的選擇,當然也可以使用vertical-align:middle;來對td控制,但對div肯定也是無效的。

          效果演示:http://www.rexsong.com/blog/atta ... 4_141246_valign.htm

          與align的對比

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

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

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

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

          inline應用

          用來決定inline對象的垂直位置,看兩個例子:

          小圖: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 技術資源 閱讀(681) 評論(0)  編輯  收藏 所屬分類: CSS
          主站蜘蛛池模板: 龙陵县| 揭东县| 加查县| 林口县| 安康市| 石狮市| 开江县| 柏乡县| 松江区| 会同县| 渝中区| 秦安县| 和硕县| 阿拉善盟| 江阴市| 历史| 昔阳县| 汉阴县| 青川县| 镇平县| 太谷县| 锦屏县| 三门峡市| 宁安市| 黔西县| 景德镇市| 临江市| 喜德县| 新巴尔虎左旗| 阿巴嘎旗| 茶陵县| 申扎县| 连云港市| 阿合奇县| 望奎县| 金湖县| 新野县| 高密市| 博兴县| 襄樊市| 舒城县|