一个css垂直水平居中布局,css效果
作者:feiwen8772 来源:WEB前端开发 时间:2008-11-03 11:40:00
今天做自定义的404页面,需要垂直水平居中,垂直居中不像水平居中那么简单,呵呵。
这种效果会在企业站首页,或一些提示性页面经常用到,今天做了个简单的demo,共享给大家。
东西很简单,支持IE,FF,不要砸我啊!
这里对margin:-94px 0 0 -280px;做个解释:
margin-top:-94px,这个值是高度的1/2在稍微缩小一点;margin-left:-280px自然就是宽度的1/2
注意前面加个负号“-”。
标签:居中,垂直,布局
0
投稿
猜你喜欢
利用CSS属性实现进度条的方式
2010-02-25 12:31:00
WEB2.0网页制作标准教程(12)XHTML校验及常见错误
2008-02-19 19:59:00
Web2.0视觉风格进化论 之一
2007-11-03 19:58:00
自动完成autoComplete
2011-01-17 18:01:00
白鸦:内容设计,初始内容
2008-03-04 16:23:00
网站设计配色方案教程
2007-10-10 19:38:00
pre标签自动换行
2009-03-13 13:37:00
SQL Server 置疑、可疑、正在恢复等情况分析
2012-01-05 18:51:59
斐波那契数列的递归算法优化
2010-01-23 11:37:00
网页设计:巧用记事本编辑网页
2008-02-05 09:00:00
CSS nuggets CSS金矿
2009-10-28 18:59:00
MySQL字段类型详解
2009-01-05 09:23:00
如何动态在文档中加入<script></script>写入大段js?
2010-07-02 13:17:00
optgroup、sub、sup和bdo标签
2009-07-26 18:39:00
SQL注入攻击成为新威胁将挑战操作系统安全
2009-03-16 15:13:00
图文教程教你asp编译成dll组件
2010-07-16 13:16:00
正则的replace方法(产生的字符串副本)
2008-06-03 13:31:00
Mysql Explain 详解
2010-12-03 16:09:00
巧用CSS滤镜做图案文字
2011-04-29 14:06:00
Javascript编写Asp时需要注意的一些地方
2008-04-06 14:20:00