css显示屏垂直居中的方式(强烈推荐)

2021-03-12 22:22 jianzhan

拷贝编码
编码以下:

<!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:⑴00px 0 0 ⑵00px; //设置这个div的margin-top的负值为本身的高宽比的1半,margin-left的值也是本身的宽度的1半的负值.(觉得在绕动态口令)
width:400px; //宽为400,那末margin-top为⑵00px
height:200px; //高为200那末margin-left为⑴00px;
border:1px solid red;
line-height:200px;
font-size:16px;
text-align:center;
z-index:99; //波动在最顶层
}
-->
</style>
<div>欢迎光临脚本制作之家 www.jb51.net</div>