程序博客网 > 细说php pdf 百度网盘

设置div居中

来源：互联网发布：细说php pdf 百度网盘编辑：程序博客网时间：2024/06/05 05:41

<HTML>

<HEAD>

<TITLE>js根据页面大小变化设置div左右居中</TITLE>

</HEAD>

<body>

<div id="mydiv"

style="border: solid; background-color: red; width: 100px; position: absolute">

此为居中的div

</div>

</body>

<script type="text/javascript">

var mydiv = document.getElementById("mydiv");

var mydiv_resize = function() {

mydiv.style.left = (document.body.clientWidth - 100) / 2;//100为mydiv的宽度

mydiv.style.height = document.body.clientHeight / 2;

}

mydiv_resize();

window.onresize = mydiv_resize;

</script>

</HTML>

-------------------------------------------------------------------------------------------------------------------------------------------------

Jquery 设置div居中

    <script language="JavaScript" type="text/javascript">
        window.onload = function ()
        {
            var divID = $("#sub");
            var winHeight = $(window).height();
            var winWidth = $(window).width();
            var divHeight = divID.height();
            var divWidth = divID.width();
            var top = (winHeight - divHeight) / 2;
            var left = (winWidth - divWidth) / 2;
            divID.css({ top: top + "px", left: left + "px" });
        }
    </script>

<div id="sub" style="position:absolute; ">

0 0

细说php pdf 百度网盘

细说php pdf 百度网盘

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子女腹切切腹图片姐妹花荒岛切腹松洋雪樱子切腹血腥切腹文花子切腹女子被开膛破肚切腹荒岛五姐妹杀手切腹三岛由纪夫为什么切腹切花胡萝卜切花鲜切花黄瓜切花切花玫瑰苗切花月季苗鸭肾切花刀步骤图片鸡肾切花刀步骤图片黄瓜多种切花鸡肾怎么切花切花是什么意思鱿鱼怎么切花猪腰子怎么切花刀图解鱿鱼怎么切花刀猪腰子切花刀步骤解图鲜切花批发市场鱿鱼怎样切花刀鱿鱼如何切花刀胡萝卜切花基本步骤图猪腰子怎么切花步骤图花店买的睡莲切花怎么养切肉肉怎么切肉丝怎么切猪肉怎么切怎么切肉丝肉片怎么切切猪肉怎么切肉如何切肉切肉丝切肉技巧