让一个大的div在页面居中显示:
html代码如下:
<body> <div id="container"></div> </body>
不完善的方法:
1、仅仅在IE浏览器中居中
<style type="text/css" media="screen">
* { padding: 0px; margin: 0px; }
/**
*仅仅在IE浏览器中居中
/ body{ text-align: center; }
#container { width:1100px; height: 500px; border: 1px solid #229; } </style>
2、在IE浏览器外，其他的浏览器中居中
<style type="text/css" media="screen"> * { padding: 0px; margin: 0px; } #container { width:1100px; height: 500px; border: 1px solid #229; margin: auto; /* 在IE浏览器外的浏览器，实现居中 */ } </style>
2、在所有的浏览器中居中
<style type="text/css" media="screen"> * { padding: 0px; margin: 0px; } #container { width:1100px; height: 500px; border: 1px solid #229;
/**
*下面三局代码，实现所有浏览器的居中
/ position: absolute; left:50%; margin-left: -550px; /* #container宽度的一半*/ } </style>