复制代码代码如下:<!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>
推荐阅读
全面兼容ie6,ie7,ie8,ff的CSS HACK写法
CSS代码： 复制代码代码如下: <style type=”text/css”> #body { border:2px solid #00f; /*ff的属性*/ border:2px solid #0909; /* IE6/7/8的属性 */ border:2px solid #F90 ; /* IE8支持 */ _bor>>>详细阅读
本文标题：css屏幕居中的方法(推荐)
地址：http://www.17bianji.com/kaifa2/CSS/16617.html
1/2 1
网友点评
精彩导读
科技快报
品牌展示