CSS解决未知高度的垂直水平居中自适应问题（2）
作者：zishu 来源：zishu博客 发布时间：2009-03-17 17:06:00
标签：css,问题,自适应,垂直居中
二、DIV已知高度，如何让他水平加垂直居中？
如果想水平加垂直居中的DIV已知高度和宽度，是最好办的了！
1、先让这个DIV绝对定位；
2、让他距离上边50％，左边50％；这会这个DIV的左上角这个点就是窗口的正中间；
3、因为已经知道了这个DIV的高和宽了，那么再从这里点向左移动总宽的一半就可以了，也就是200PX； 向上呢也同理；
<style>
#info{top:50％;left:50％; position:absolute; width:600px; height:400px; margin:-200px -300px; border:1px solid #f00;}
</style>
<div id="info">this is test.</div>
0
投稿猜你喜欢
- 常见的误解有： 1. 只用 ado.net ，无法进行动态 SQL 拼接。 2. 有几个动态参数，代码的重复量就成了这些参数的不同数量的组合
- SQL*Plus system/manager 2、显示当前连接用户 SQL> show user 3、查看系统拥有哪些用户 SQL&
- 最近在学习正则，一些比较有用的东西怕忘记，记下来，比较乱，想一条记录一条：正则表达式在线测试//匹配文本，这个偶尔比较好用，但是要小心字符中
- asp使用fso读取驱动器信息：<％vv=drive()response.write vv funct
- 去年5月至10月间，我和雅虎口碑网的前端主管：鄢学鹍(秦歌)，一起翻译了这本《JavaScript语言精粹》。原书作者是JavaScript
- 此类技巧还有很多，欢迎继续分享解析 URL从 James Padolsey 的 Blog中看到的个小技巧，就是利用 a 标签的 DOM 属性
- 主要要文件有:Index.html 实现功能,一个文本框,输入内容并实现提示 search.asp 查询功能,让文本框输入的内容在
- table估计每个跟web打过交道的人都会经常接触到，跟js结合能做出很多不错的体验。这里打算结合js做一个系列，包括一些操作和效果，虽然现
- 初步确定是病毒破坏了文件的读写权限，现放出修复工具请中招朋友的测试！！使用方法：压缩包中文件全部解压或者直接运行压缩包中的iisfixer.
- 你一定很喜欢像QQ或者MSN好友登录提示的效果吧，那么怎么样能在网页中实现呢？asp之家为大家找到了这
前几天光耀童鞋喷了一篇《谈网站注册、登录过程》，今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容。其实注册作为一个网站基本功能再普通- 最近在这找了好久的js菜单,都没找到满意的,今天找了个,觉得不错,最重要的是简单,希望大家可以参照一下先看看效果图吧:代码特点：js+css
- 这个例子可作为一个模式，在你需要的时候套用。<!DOCTYPE HTML PUBLIC &q
- 在电子产品的设计中，大家经常提到简洁是设计的重要元素。可是很多产品，不见得简洁就是第一要素。简洁的设计，必须是在对用户需求透彻理解，引导用户
- 如何搭建完整的网站架构并设计出一个出色的网站？关于这个问题，我们很难提出一个绝对权威和正确的设计思路，但任何网站的设计都需要遵循一个循序渐进
- 如何让animate在显示图片的过程保持窗口的标题不变animate -title "My Image Sequence"
- CSS代码更清晰高效的一些经验是许多网页制作者与开发者都关心的问题。但是大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，合理的
- 随着网页技术的发展，网络视觉设计与之前以程序员为主导的审美特征相比，具有了极大的改观。同时，随着美术、音乐、舞蹈人才的加入，网络开始在这一社
- 1 , javascript字符集：javascript采用的是Unicode字符集编码。为什么要采用这个编码呢？原因很简单，16位的Uni
- MySQL是中小型网站普遍使用的数据库之一，然而，很多人并不清楚MySQL到底能支持多大的数据量，再加上某些国内CMS厂商把数据承载量的责任
