CSS实现垂直居中的5种方法（4）
作者：糖伴西红柿 来源：前端观察 发布时间：2009-03-04 12:53:00
标签：垂直居中,方法,css,浏览器
方法四
这个方法使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0;。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。使用 margin:auto;使块级元素垂直居中是很简单的。
<div id="content"> Content here</div>
#content { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:240px; width:70％;}
优点：
简单
缺点：
IE(IE8 beta)中无效
无足够空间时，content 被截断，但是不会有滚动条出现
0
投稿猜你喜欢
目的两年前曾为了租房做过一个找房机器人 「爬取豆瓣租房并定时推送到微信」，维护一段时间后就荒废了。当时因为代码比较简单一直没开源，现在想想说- mysql中有三种日期类型：date(年-月-日)create table test(hiredate date);datetime（日期时
- 本文实例讲述了JavaScript点击按钮后弹出透明浮动层的方法。分享给大家供大家参考。具体分析如下：这里实现点击后页面变灰色，并用JS弹出
- 本文实例为大家分享了python发邮件精简代码，供大家参考，具体内容如下import smtplibfrom email.mime.text
- 简介在日常开发中，我们的大部分时间都会花在阅读traceback模块信息以及调试代码上。本文我们将改进traceback模块，让其中的提示信
- 本文实例为大家分享了python3判断url链接是否为404的具体代码，供大家参考，具体内容如下import pymysqlimport t
- 简介：倒计时秒杀组件在电商网站中层出不穷 不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的核心思路：1、时间不能是本
- 方法1： 用SET PASSWORD命令 首先登录MySQL。 格式：mysql> set password for 用户名@loca
- documentFragment 是一個無父對象的document對象.他支持以下DOM2方法:appendChild, cloneNode
- 如何使用Office Chart 9.0 制作图表？代码如下：chart90.asp<HTML><HEAD><
- 如下所示：1.条件判断2.内置函数abs()3.内置模块 math.fabsabs() 与fabs()的区别abs()是一个内置函数，而fa
- 本文实例讲述了CodeIgniter自定义控制器MY_Controller用法。分享给大家供大家参考，具体如下：Codeigniter所有的
- 如果你的Mysql数据库安装在centos7的系统上，并且你的操作系统启用了防火墙。应用要访问mysql数据库，你有2个解决方案。方案一：停
- 本文实例讲述了Python实现将一个正整数分解质因数的方法。分享给大家供大家参考，具体如下：遇到一个python编程联系题目：将一个正整数分
- 1.Django实现WebSocket在线聊天室1.1 安装pip install channels==2.3(saas) F:\Deskt
- Lists列表可以包含不同类型的元素，甚至是Lists，但是通常是同一个类型的。if __name__ == '__main__&#
- 目录一、数据库瓶颈二、分库分表2、水平分表3、垂直分库4、垂直分表三、分库分表工具四、分库分表步骤五、分库分表问题1、非partition
- asp之家注：对于ACCESS数据库中的NULL，经常我们直接判断该字段是否为空用的是：name="",但是这个还不够，
- 1.自动转到命名记 <script laguage="javascript"> window.locatio
- Python中的random模块用于生成随机数，它提供了很多函数。常用函数总结如下：1. random.random()用于生成一个0到1的
