css屏幕居中的方法(推荐)
发布时间：2010-07-20 23:40:05 作者：佚名 
我要评论
我要评论css实现的页面元素屏幕垂直居中的方法，需要的朋友可以参考下。
复制代码
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
position:absolute; //绝对定位
top:50%; //距顶部50%
left:50%;
margin:-100px 0 0 -200px; //设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.(感觉在绕口令)
width:400px; //宽为400,那么margin-top为-200px
height:200px; //高为200那么margin-left为-100px;
border:1px solid red;
line-height:200px;
font-size:16px;
text-align:center;
z-index:99; //浮动在最上层
}
-->
</style>
<div>欢迎光临脚本之家 www.jb51.net</div>
相关文章
- 如题，用html，css如何实现垂直居中。水平居中我们知道最简便的方法就是margin:auto，但是margin只是相对宽度有效。2010-03-18
- 今天有人问起，晚上试着写出来，供参考； 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居2009-04-04
CSS让图片垂直居中和底端对齐的代码-CSS教程-网页制作-网页教学网
本CSS教程提供了两种对齐方式即垂直居中对齐和底端对齐！更多内容请参考本站的CSS视频教程。 CSS使图片垂直居中的代码： <!DOCTYPE html PUBLIC "-//W3C//DT2008-10-17- 用过 Fireworks / PhotoShop 的人应该都知道，在画布中将一个页面模块居中是多容易的事，可如果是垂直居中，前端就苦逼了2011-10-30
- 在文字旁边加上一个图标，通过css如何解决文字与图片不能水平居中对齐的问题，下面有个示例，大家可以参考下2014-05-31
- 这篇文章主要介绍了通过CSS设置未知大小图片在已知大小容器水平垂直居中，需要的朋友可以参考下2014-05-22
- 本文给大家带来的是5种使用CSS实现垂直居中的方法，虽然各有优缺点，但还都是蛮实用的，小伙伴们根据自己的项目情况，自由选择吧。2015-01-09
css中position:fixed实现div在窗口上下左右居中
实现div居中的方法有很多，本例介绍的使用css中position:fixed来实现div的上下左右居中，下面以一个DIV 元素在浏览器窗口居中为例2014-10-20css中position:fixed实现div居中上下左右居中
实现div居中的方法多如牛毛，本例为大家介绍的这个方法是使用css中position:fixed来实现div上下左右居中，这个小技巧比较使用，大家看看2014-10-14- 这篇文章主要为大家介绍了在DIV+CSS布局的页面里，让布局、背景图片、文字内容居中的方法，从布局内容到页面里文章文字居中都是非常重要的，而css来设置居中也是非常简单的2014-10-09
最新评论