首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

div正中对齐

2012-08-21 
div居中对齐1、body加入 text-align:center,为每个div加 margin:0 auto (包括嵌套的div)2、层绝对居中。无论

div居中对齐
1、body加入 text-align:center,为每个div加 margin:0 auto; (包括嵌套的div)


2、层绝对居中。无论什么浏览器、什么分辨率,上下左右都居中!
<div style="background:blue;position:absolute;left:expression((body.clientWidth-50)/2);top:expression((body.clientHeight-50)/2);width:50;height:50"></div>

引用
<body bgcolor="#000000">
<div style="background:cyan;position:absolute;left:expression((body.clientWidth-250)/2);top:expression((body.clientHeight-250)/2);width:250;height:250"></div>
<div style="background:yellow;position:absolute;left:expression((body.clientWidth-200)/2);top:expression((body.clientHeight-200)/2);width:200;height:200"></div>
<div style="background:red;position:absolute;left:expression((body.clientWidth-150)/2);top:expression((body.clientHeight-150)/2);width:150;height:150"></div>
<div style="background:green;position:absolute;left:expression((body.clientWidth-100)/2);top:expression((body.clientHeight-100)/2);width:100;height:100"></div>
<div style="background:blue;position:absolute;left:expression((body.clientWidth-50)/2);top:expression((body.clientHeight-50)/2);width:50;height:50"><center><img src=""></div>

热点排行