table

          層的絕對居中應用

          1、利用負邊距方法,絕對定位使容器相對屏幕絕對居中,此時的被嵌套容器只能為絕對大小。(標準)
          <div style="background:#f00; width:740px; height:340px; left:50%; margin:-170px 0 0 -370px; position:absolute; top:50%;"></div>

          2、老外給出的另類方法,巧妙利用display:inline-block;,IE6.0測試通過。(標準)

          注意height:100%是關鍵,edge與container沒有嵌套關系:

          <style>
          body { margin:0; height:100%;}
          #edge { width:0; height:100%; display:inline-block; vertical-align:middle;}
          #container { text-align:center; width:100%; display:inline-block; vertical-align:middle;}
          </style>

          <!-- required for xhtml1.1 validation only -->
          <span id="edge"></span>
          <span id="container">
             <div style="width:200px; height:50px; background:#f00; line-height:50px;">僅IE6.0環境下實現</div>
          </span>

          還有不介紹了...

          posted on 2008-12-15 11:36 小卓 閱讀(343) 評論(0)  編輯  收藏 所屬分類: html and js

          主站蜘蛛池模板: 工布江达县| 绩溪县| 台山市| 东阳市| 墨玉县| 五莲县| 阳信县| 贡嘎县| 洮南市| 白银市| 读书| 凤冈县| 定襄县| 漯河市| 防城港市| 嘉义市| 台南市| 特克斯县| 清河县| 通榆县| 中阳县| 北辰区| 吉木萨尔县| 化隆| 英山县| 徐汇区| 景东| 霍邱县| 博野县| 五莲县| 怀来县| 公安县| 满洲里市| 呼玛县| 长顺县| 包头市| 泰兴市| 丰都县| 通渭县| 衡水市| 克什克腾旗|