CSS实现垂直居中的5种方法（3）
作者：糖伴西红柿 来源：前端观察 发布时间：2009-03-04 12:53:00
标签：垂直居中,方法,css,浏览器
方法三
这种方法，在 content 元素外插入一个 div。设置此 div height:50％; margin-bottom:-contentheight;。
content 清除浮动，并显示在中间。
<div id="floater"></div><div id="content"> Content here</div>
#floater {float:left; height:50％; margin-bottom:-120px;}#content {clear:both; height:240px; position:relative;}
优点：
适用于所有浏览器
没有足够空间时(例如：窗口缩小) content 不会被截断，滚动条出现
缺点：
唯一我能想到的就是需要额外的空元素了(也没那么糟，又是另外一个话题)
0
投稿猜你喜欢
- 修复Access数据库，我们一般使用微软Office 97中带的Access 97对数据库进行修复和整理。Access数据库被损坏分以下几种
- 采集中 或者 在线添加文章中 都可以用到此功能俺自己在baidu上搜索的保存远程图片到本地的代码 感觉比较难用点 而且没有现成的比较全的代码
- 分页查询是经常能够遇到的问题，我们首先看看分页查询存在的理由:方便用户：用户不可能一次察看所有数据，所以一页一页的翻看比较好。提高性能：一次
- 代码如下: <％ Dim oConn, ors, aRows Dim i,j Set oConn=Server.CreateObjec
- 以前的服务器，由于内存的价格过高，一般配置的内存不是很多，超过4GB的当然就不多了.现在的服务器，配置超过4GB就很多，在配作SQL 数据库
CSS中最常用的布局类属性，一个是Float(CSS浮动属性Float详解)，另一个就是CSS定位属性Position。1. positio- 在应用SA-FileUp时，必须确认用户已对目的路径有读、写、删除的权力。在多文件上传中，由于浏览器不支持SIZE= 属性，所以对多文件的情
- 就我个人经验来讲：除了oracle，没有比HP 客户支持中心更糟糕的体验了。刚买不到一个月的HP MINI笔记本，莫名其妙键盘上的引号键松动
- create or replace PROCEDURE proceudre_name AS BEGIN DECLARE sPara VARC
- 一般我们可以使用背景图的方式给图片添加阴影，但对于不固定尺寸的图片如何实现呢？我们可以采取“视觉欺骗 * ”——定义渐变边框来实现运行代码框&
- 本文介绍了一种将英文字符首个字母串转换为大写的asp代码，当然这个功能可能英文网站比较有用。转换大写功能英文介绍：Code Title: P
- 照例使用XMLhttp同步方式获取数据,可是由于网络不稳定,经常造成'死锁'状况,既send之后一直不返回服务器结果,也不出
- 一个客户提供一个股价的信息，要求放在页面上，显示一些数据，需要从远程获取xml，然后解析写在网页上，开始不会觉得很难，其实蛮简单的，先用ja
- MySQL 客户端连接成功后，通过 show ［session|global］status 命令 可以提供服务器状态信息，也可以在操作系统上
- 因为他的简单实用和数量庞大的插件，所以我们喜欢和使用jQuery，在jQuery数量庞大的插件中有很大的一部分是关于图片的，所以今天我们就整
- 近日在月影的blog上找到一段代码。看了老半天没明白什么意思，倍受打击！不死心，于是仔细分析思考了好几次，才明白过来这段函数的意义。js果然
- 这个javascript划词搜索功能，在很多地方我们都会看到，特别是装了浏览器插件的时候，当我们用鼠标选择一段文字的时候，就会出现搜索提示，
- jQuery的选择器是CSS 1-3，XPath的结合物。jQuery提取这二种查询语言最好的部分，融合后创造出了最终的jQuery表达式查
- 写了几年代码，很少谈到javascript程序的执行效率问题，今天就举几个例子看看，让大家看看程序优化是多么重要。这节来看看createEl
- 使用字符串建立查询能加快服务器的解析速度吗？我记的在那儿看过，好像是说使用字符串建立SQL查询是有它的道理的，像这样：<％mySQL=
