网页程度垂直居中在差异判别率的实现要领

　　猛火网(LieHuo.Net)教程 在建造网页进程中,凡是通过以下要领,来实现网页程度垂直居中:

　　<div style=" width:900px; height:600px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-450px;"></div>

　　然而,在一些判别率较量小的电脑,这样的要领,会使网页被截去一部门,好比在800*600的判别率,固然此刻已经广泛不消800*600的判别率了,可是在以下前提较量差的处所,照旧有人在行使800*600.以是我们在计划进程中,必然要思量到差异判别率的题目.那么,假如上面的要领有题目的话,我们可以通过写一段JAVASCIRPT来挪用差异的CSS.以下是JAVASCRIPT的代码:

　　以下是CSS的代码:合用于1024*768及其以上判别率的:

　　width:900px; height:600px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-450px;

　　合用于800*600判别率的:width:900px;(即网页的宽度)

　　在html页面别离引入CSS：

　　<link id="wide" title="wide" media="screen" href="css/1024.css" rel="stylesheet" type="text/css" />

　　<link id="narrow" title="narrow" media="screen" href="css/800.css" rel="alternate stylesheet" type="text/css" />

　　这样就可以在高分判别率下实现程度居中，在低判别率下，又不会有网页被截掉一部门的题目！

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!