css怎么让定位的那个层显示在浏览器的正中间
展开全部
可以用css定位让指定层在浏览器正中间。
1、新建html文档，在body标签中添加一个div标签，为这个标签设置宽高，这里以200px为例：
2、添加定位代码“position: absolute;”，并且设置相对左侧和顶部的距离为“50%”：
3、最后设置指定层的左外边距和顶外边距的大小为指定层宽高的一半，这时指定层就会在浏览器的正中间：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果那个层的尺寸固定的话，直接在css里写死top和left值即可。
left = (浏览器窗口宽度 - 层宽度)/2
top = (浏览器窗口高度 - 层高度)/2
如果层的尺寸不固定，就必须用Javascript来定位了。
left = (浏览器窗口宽度 - 层宽度)/2
top = (浏览器窗口高度 - 层高度)/2
如果层的尺寸不固定，就必须用Javascript来定位了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
例如，<body><div style='width:1000px;height:100px； margin:0 auto;border:1px solid red；'></div></body>
注意，border是我加的红色边框，方便看效果，当然，必须要加入文档声明(<，DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。
注意，border是我加的红色边框，方便看效果，当然，必须要加入文档声明(<，DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
例如,<body><div style='width:1000px;height:100px; margin:0 auto;border:1px solid red;'></div></body>
注意,border是我加的红色边框,方便看效果,当然,必须要加入文档声明(<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
),否则IE浏览器下会失效,切记,希望对你有所帮助
注意,border是我加的红色边框,方便看效果,当然,必须要加入文档声明(<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
),否则IE浏览器下会失效,切记,希望对你有所帮助
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我是这么认为的!
.object{width:200px;height:200px;position:relative;left:50%;top:50%;border:1px#666666solid;margin-left:-100px;margin-top:-100px;}
.object{width:200px;height:200px;position:relative;left:50%;top:50%;border:1px#666666solid;margin-left:-100px;margin-top:-100px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
