DIV+CSS实现内容垂直居中的一个例子
网页教学网 2008/3/17 23:24:03 深山行者 字体:
大 中 小 浏览 8752
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.NET 2和IIS 7.0发生不兼容变化
- asp用cDec将二进制转十进制然后再用cBit将十进制转二进制
- 纯div+css制作的弹出菜单-05
- 旅行社手机网站模板11
- asp实现获得当前文章的上一篇信息与下一篇信息功能及代码
- 可以用作后台的超级强的变色表格
- 旅行社网站模板默认风格10
- JAVA得到网卡物理地址(Windows和Linux)