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

日期:2020-12-13 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站


拷贝编码
编码以下:

<!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>