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
投稿猜你喜欢
- 本文教大家使用了laydate插件设置开始和结束时间，供大家参考，具体内容如下用的laydate插件是layDate-v5.0.6,是新版本
首先祝贺Echarts顺利的从Apache毕业，多了个响亮的名字：Apache ECharts，现在的官网地址在这里：传送门，首页相当的国际- 一、导出数据。 先说明一下自己的环境：Mac OS X 10.8.3, MySQL Community Server 5.6.10, MyS
- 前言如果采用前后端分离的架构开发， 后端几乎不负责任何展现界面的工作，只负责对数据进行管理 。 数据的管理，主要就是：响应前端的请求， 对数
- 目录一、_用于临时变量1.1 REPL1.2 for循环中的_1.3 元组拆包中的_1.4 国际化函数1.5 大数字表示形式二、var_用于
- 前言当我们开始准备数据建模、构建机器学习模型的时候，第一时间考虑的不应该是就考虑到选择模型的种类和方法。而是首先拿到特征数据和标签数据进行研
- 有时，希望除去某些记录或更改它们的内容。DELETE 和 UPDATE 语句令我们能做到这一点。用update修改记录UPDATE tbl_
- 0x01 iframe的跳出框架0x02 iframe样式设置0x03 iframe重置高度1、首先来一个，跳出iframe的好方法，直接可
- 收集和分发数据是网络管理的职责之一，而且必须确保这些数据的准确性和安全性。不管它们是什么操作系统，数据库服务器需要特殊的管理以保证操作上的安
- 本文实例讲述了Python挑选文件夹里宽大于300图片的方法。分享给大家供大家参考。具体分析如下：这段代码需要用到PIL库。代码如下所示：i
- 在/etc/profile.d/简历oracle.sh内容如下在NLS_LANG设置编码ORACLE_HOME=/usr/lib/oracl
- 在项目中经常会遇到需要将不同的二维码放到一张通用图片上，提供用户下载简单来说，就是利用canvas将同等比例的二维码在图片上叠加，生成海报1
- 说明本文根据https://github.com/liuchengxu/blockchain-tutorial的内容，用python实现的，
- 1.介绍当我们使用pytorch来构建网络框架的时候，也会遇到和tensorflow（tensorflow __init__、build 和
- 就是一个简单的python查询百度关键词排名的函数，以下是一些简介：1、UA随机2、操作简单方便，直接getRank(关键词，域名)就可以了
- 前言本文的主要内容是使用 cpu 版本的 tensorflor-2.1 完成对 Auto MPG 数据集的回归预测任务。获取 Auto MP
- 介绍对于绘制某些类型的数据来说，瀑布图是一种十分有用的工具。不足为奇的是，我们可以使用Pandas和matplotlib创建一个可重复的瀑布
- LyScript 插件默认提供了一个get_disasm_code()方法可以直接获取到指定行数的反汇编代码，但如果需要自定义获取或者是需要
- 首先是安装cmake环境。因为博主测试机是ubuntu，所以直接用apt-get install cmake命令来安装，yum相信应该也一样
- (应一些初学者的要求,虽然本人也绝对称不上专业,但是想让一个人快速地走出初学的迷茫,需要这种精炼的集合)首先,阐明一下我的观点:不论是什么编
