DIV+CSS實現內容垂直居中的一個例子
網頁教學網 2008/3/17 23:24:03 深山行者 字體:
大 中 小 瀏覽 9715
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> |
- 相關閱讀
- 許愿墻頁面設計完成，開始進行寫相關的樣式
- asp截取字符串：根據右邊第一個點(.)去掉擴展名
- 深山行者留言系統V3.1
- 一行內文本超出指定寬度溢出的處理
- 24款實用的翻頁頁碼css代碼
- dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
- 利用javascript鼠標經過表格，行與列變色
- ASP網站打開特別卡 提示：msxml3.dll 錯誤 '80072ee2' /LM/W3SVC/670931603/Root/global.asa解決辦法
- 共有0條關于《DIV+CSS實現內容垂直居中的一個例子》的評論
- 發表評論
蘇公網安備 32070502010230號