主页 / 建站知识 /

css屏幕居中的方法(推荐)

建站知识 2021-07-03 08:43www.168986.cn长沙网站建设

复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
position:absolute; //绝对定位
:50%; //距顶部50%
left:50%;
margin:-100px 0 0 -200px; //设定这个div的margin-的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.(感觉在绕口令)
width:400px; //宽为400,那么margin-为-200px
height:200px; //高为200那么margin-left为-100px;
border:1px solid red;
line-height:200px;
font-size:16px;
text-align:center;
z-index:99; //浮动在最上层
}
-->
</style>
<div>欢迎光临狼蚁SEO .jb51.</div>

上一篇：如何布局登录页面 下一篇：让IE6、IE7、IE8支持CSS3的脚本

长沙网站设计

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by