DIV+CSS實現內容垂直居中的一個例子
網頁教學網 2008/3/17 23:24:03 深山行者 字體:
大 中 小 瀏覽 9876
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> |
- 相關閱讀
- Web標準中XHTML的代碼規范
- 海韻幼兒園
- css里expression實現界面對象的批量控制
- 一個非常不錯的文字的提示
- CSS編寫過程中常見的10個錯誤
- css翻頁代碼
- 耒陽華天國際旅行社
- 純div+css制作的彈出菜單-04
- 共有0條關于《DIV+CSS實現內容垂直居中的一個例子》的評論
- 發表評論