大屏居中

原创 2015年11月20日 11:28:45


  window.onresize = function(){   
          var t=(1920-document.body.offsetWidth)/2;alert(t);
         $('#diva').attr("style", "margin-left:-"+t+"px;  overflow: hidden");
//            window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0);
        }




   function onload()
       {
//         alert(document.body.scrollWidth);alert(document.body.offsetWidth);
        var t=(1920-document.body.offsetWidth)/2;
        //alert(t);
         $('#diva').attr("style", "margin-left:-"+t+"px;  overflow: hidden");
       }


<body onload="onload()">
    <div id="diva" style="margin: 0 auto;">

</div>

</body>

相关文章推荐

Flash笔记之swf居中和swf获取页面参数游戏全屏显示

1.首先直接看代码。
  • alengan
  • alengan
  • 2011年08月09日 15:38
  • 2275

VC++对话框(CDialog)的全屏显示及控件居中显示

在编写一些软件时,我们会比较偏向于比较简洁、清新的用户界面,同时为了避免其它程序或者桌面等影响使用者的注意力等,我们通常习惯将软件界面全屏,布满整个显示屏幕,与此同时,我们也将对界面中的控件位置进行相...

大小不固定的图片和多行文字的垂直水平居中

  • ecole
  • ecole
  • 2012年05月07日 14:32
  • 396

DIV居中布局的三大实现方法

现在DIV+CSS布局越来越流行了,怎么实现div居中好像是个难题。本文向大家介绍一下关于DIV居中布局的几种实现方法,希望对你有所帮助。 AD: 你对DIV居中布局的方法是否了解,这里和大家分...

让小盒子在大盒子中水平居中,固定定位

* { margin: 0; padding: 0; } .big { width:600px; height: 300px; back...
  • boxyuan
  • boxyuan
  • 2017年07月29日 15:55
  • 149

Android 真正的九宫格布局 横屏竖屏上下均自动居中

今天想写个九宫格的布局,baidu了一下,网上的代码大同小异,但是都不能实现竖直方向上的居中,于是就自己研究了一下,分享于此.先看看效果图: 分别是横屏和竖屏的,其他扩张大家...
  • wike163
  • wike163
  • 2012年06月05日 10:59
  • 3945

使用CSS3实现响应式标题全屏居中和网站前端性能

要实现标题全屏居中(同时在垂直和水平方向居中),有若干种方法,包括使用弹性布局、表格单元、绝对定位和自动外边距等。全屏居中其中目前比较流行也比较容易理解的方法是使用绝对定位+偏移实现。也就是分两步来把...
  • iefreer
  • iefreer
  • 2016年03月26日 22:17
  • 2186
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:大屏居中
举报原因:
原因补充:

(最多只允许输入30个字)