css+div 上下左右居中两例

1. =================================
<style type="text/css">
<!--
#center {
position:absolute;
width:300px;
height:60px;
left:50%;
top:50%;
z-index:1;
background-color:#000;
color:fff;
margin-left:-150px;
margin-top:-32px
}      
</style>
</head>
<body>
<div id="center">永远居中</div>
</body>
2.================================================
<style type="text/css">
<!--
#centercontainer {
position:absolute;
left:50%;
top:50%;
z-index:1;
}      
</style>
</head>
<body>
<div id="centercontainer">
<div style="position:relative;top:-50%;left:-50%;border-style:solid;border-color:lightgreen;">永远居中<br/><br/><br/><br/></div>
</div>
</body>
 

你可能感兴趣的:(.net,css)