HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

DIV+CSS实现内容垂直居中的一个例子

网页教学网 2008-3-17 23:24:03 深山行者 字体:  浏览 6808 我要评论

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>

Ads loading...
相关阅读
( 2014-9-2 20:13:28 )正则表达式全部符号解释
( 2009-9-4 8:24:11 )超级实用且不花哨的js代码大全( 2 )
( 2009-6-17 15:21:12 )在图片未知尺寸情况下,利用CSS把图片垂直居中于div中心(2)
( 2009-6-17 15:19:01 )在图片未知尺寸情况下,利用CSS把图片垂直居中于div中心
( 2009-1-23 9:59:06 )详解VBScript里的对象 正则表达式功能介绍
( 2008-12-10 21:26:06 )几个经典的css技巧
( 2008-6-10 20:39:31 )PS常用密技
( 2008-6-9 20:51:30 )设置自己个性的网页滚动条附详细介绍
共有0条关于《DIV+CSS实现内容垂直居中的一个例子》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
在table中tr的display:block在firefox下显示布局错乱问题
在未知图片的宽度与高度时利用div+css将图片居中
用css做的英文首字母大写和英文全都大写通过各个浏览器
css优先级的例子
让DIV固定在浏览器窗口的底部(兼容IE6)
MarkMan 马克鳗,让设计更有爱 (超级给力的页面标注工具)
IE8 CSS HACK 兼容
Ads loading...
更多>>最新添加文章
asp中Request.ServerVariables能获取的信息整理总结
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
sql语句中怎么按照in语句里的id原有的顺序进行排序输出
通过设置iis的进程池让网站的并发数,性能提升几个档次
asp通过多次获得来取得用户的真实IP
通过XMLHTTP检查网站能否打开
asp利用sina提供的ip库端口来获得当前IP所有的地区,所在国,所在省,所在市,在线解析json
利用aspJpeg组件生成多图片水印组合时给加上透明水印图片
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
购物时某件商品倒计时销售非常不错
图片渐显轮流播放
利用DIV+CSS做的柱状图(3)
了解CSS中的letter-spacing与word-spacing属性
一个非常不错的文字的提示
当鼠标经过表单,表单承现选择状效果
键盘上shift键的奇妙用途
input输入框的一些属性详解
Ads loading...