: HOME; BBS

深山帮帮欢迎您，您可以注册或者登录: qq登录只需一步，快速开始

本站导航

深山旅行社网站管理系统开发完成，欢迎各位网友测试! 点这里测试

565449214　给站长留言

订阅本栏目 RSS您所在的位置：深山工作室 > DIV+CSS学习 > 正文

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

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

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 css

前一页：Div+CSS布局应该注重语义、注重代码的重用性

后一页：一行内文本超出指定宽度溢出的处理

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...

更多>>最新添加文章: 批量删除access字段里面fld.Properties.Delete; ASP操作access或sqlserver数据库的函数库; asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法; asp中求两个数的百分比（利用百分比函数FormatPercent就可以自带%的符号）; asp利用sql操作数据表、数据库的一些方法; rs操作数据表记录集对象的方法; asp利用dateadd获得上个月、本月、下个月的第一天和最后一天; asp随机显示字符长度与类型（可随机显示数字、小写字母、大写字母，可以做为随机密码使用）

业务 QQ：565449214
手机：139 6134 7334

更多>>随机抽取信息: css　a标签与如何利用css中text-indent实现文章缩进; 深山行者留言系统V1.0 (简称深山留言V1.0); 地瓜坊; DIV与Table布局在大型网站的可用性比较; asp遍历站点所有文件夹的代码; 中国大宗资产交易网; 解析css属性的另类属性之媒体（Media）类型; 淘宝产品首字母类别效果

Ads loading...

免责声明：本站所有资料信息，有部分为本人原创，部分为从网络收集而来，仅供网友查看阅读所用，所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系，经确认后我们会立即移除相关内容或链接
版权所有：深山工作室 http://www.qwbm.com ICP备案：苏ICP备15019627号-2

苏公网安备 32070502010230号
如果您对我们的服务有任何意见或建议，请惠赐E-mail至:565449214@qq.com
建议使用IE5.0以上浏览器、1024*768观看服务QQ：565449214 手机：139 6134 7334