DIV+CSS實現內容垂直居中的一個例子
網頁教學網 2008/3/17 23:24:03 深山行者 字體:
大 中 小 瀏覽 9712
DIV+CSS實現內容垂直居中的一個例子
以下是引用片段:
<html> <title>深山行者</title> <head> <style> .holder{ width:740px; height:500px; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle; } .edge{ width:0; height:100%; display:inline-block; vertical-align:middle; } .container{ vertical-align:middle; display:inline-block; }
</style> </head> <body>
<div class="holder"> <span class="edge"> </span> <span class="container"> 內容 </span> </div>
</doby> </htmls> |
- 相關閱讀
- 跳轉菜單,跳轉后用新窗口打開
- python通過代碼修改pip下載源讓下載庫飛起
- 經典的仿藍色理想TAB橫向下拉菜單效果
- 深山網吧留言板系統v4.0
- 深山行者留言系統V2.0 (簡稱留言板V2.0)
- JavaScript技巧:讓網頁自動穿上外套
- 奸商修改器 病毒篡改ThinkPad CPU信息
- PS常用密技
- 共有0條關于《DIV+CSS實現內容垂直居中的一個例子》的評論
- 發表評論