DIV+CSS实现内容垂直居中的一个例子
网页教学网 2008/3/17 23:24:03 深山行者 字体:
大 中 小 浏览 9863
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> |
- 相关阅读
- 网页制作,改变你的思维方
- 让DIV固定在浏览器窗口的底部(兼容IE6)
- 深山留言板(激情圣诞集合五套模板)v4.4
- asp简繁体转换函数(含3500汉字对照表)
- 另外一种符合web2.0的链接打开方式--利用base打开链接
- 北京青年旅行社股份有限公司
- 深山旅行社管理系统免费版 V2.3
- a标签的javascript链接
- 共有0条关于《DIV+CSS实现内容垂直居中的一个例子》的评论
- 发表评论