div水平垂直居中显示

<HTML> <HEAD> <TITLE> div水平垂直居中显示 </TITLE> <style type="text/css"> #ss{ position:absolute; top:50%; bottom:50%; left:50%; right:50%; width:200px; height:100px; background-color: #ff00aa; margin-top: -50px; margin-left: -100px; } </style> </HEAD> <BODY> <div id="ss"> <table> <tr><td>margin-top:-100px;margin-left:-100px作用:把div的左上角分别向上和左移动div高度和宽度的一半</td></tr> </table> </div> </BODY> </HTML>

你可能感兴趣的:(div水平垂直居中显示)