css学习笔记：DIV水平垂直居中
作者：好好 来源：好好blog 发布时间：2009-06-19 12:45:00
标签：css,web2.0,垂直,居中,前端开发
无意中看到以前在电脑上保存的一个html页面，关于div水平垂直居中的问题。
如何实现div水平垂直居中呢？
1.已知宽高度水平垂直居中
position:absolute;top:50％;left:50％：将div的左上角水平垂直居中了。在用：margin-top:-(height/2);margin-left:-(width/2) 调整位置达到居中。
源码：
2.未知高度div水平垂直居中
在一篇贴子中解释到：
标准浏览器中(FF，Opera, Safari等)：可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。
非标准浏览器中：只能在子元素里设距顶部50％，里面再套个元素距顶部-50％来抵消。
源码：
0
投稿猜你喜欢
- 一、程序的组织结构任何简单的或者复杂的算法都可以由顺序结构、选择结构和循环结构这三种基本结构组合而成二、顺序结构程序从上到下顺序地执行代码，
- 1、文件编码：指的是页面文件(.html,.php等)本身是以何种编码来保存的。记事本和Dreamweaver在打开页面时候会自动识别文件编
$forceUpdate()的使用在Vue官方文档中指出，$forceUpdate具有强制刷新的作用。那在vue框架中，如果data中有一个- 1.语法规则1-1 代码实例sorted(iterable, key=None,reverse=False)1-2 参数说明(1)itera
- 这一款是用原生javascript实现的分页插件pagenav，页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码，调
- 本文总结分析了Python装饰器简单用法。分享给大家供大家参考，具体如下：装饰器在python中扮演着很重要的作用，例如插入日志等，装饰器可
- 如何修改NT的登录密码？ 代码见下：<％Sub ChangeUserPassword(C
- 这个是JS控制图片滚动的效果，当鼠标结果新闻标题时开始滚动到对应的图片，可以作为图片新闻。效果图：<!DOCTYPE HTML PUB
- ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。E
- 数据增强卷积神经网络非常容易出现过拟合的问题，而数据增强的方法是对抗过拟合问题的一个重要方法。2012 年 AlexNet 在 ImageN
- 前言估计最近很火的连续剧《隐秘的角落》大家趁着端午假期都看过了吧？小编也跟着潮流，一口气把12集的连续剧全部看完了。看过的人肯定对朋友圈里有
- Python写倒序输出(任意位数)倒序输出数字这种方法最后输出的是字符而不是数字x=int(input('请输入任意一个数字：
- 记得以前的Windows任务定时是可以正常使用的，今天试了下，发现不能正常使用了，任务计划总是挂起。接下来记录下Python爬虫定时任务的几
- 以豆瓣为例，访问https://www.douban.com/contacts/list 来查看自己关注的人，要登录才能查看。如果用requ
- 数据表/*Navicat SQLite Data TransferSource Server &n
- 关于django models中添加字段的一个小节,记录下django的models中已经写好了字段,可是后面我又想在添加一些字段,于是就在
- 一、Sql Server中的日期与时间函数 1. 当前系统日期、时间 select getdate() 2. dateadd 在向指定日期加
- 本文主要研究的是python读取jpg格式图片并显示为16进制的相关内容，具体如下。代码：>>> aaa = open(&
- 简介滚动条小部件用于向下滚顶其他小部件的内容,如列表框,文本和画布,但是,我们也可以为Entry小部件创建水平滚动条,常常被用于实现文本,画
- 本文实例讲述了vue.js使用v-model实现表单元素(input) 双向数据绑定功能。分享给大家供大家参考，具体如下：v-model 一
