div居中显示,如何让DIV层在网页中居中显示

摘要实现层中的内容固定在页面的位置div居中显示。Position 属性，包括全屏、左上角、上居中、右上角、左居中、居中（默认）、右居中、左下角、下居中、右下角等10个位置。X 属性，可根据 Posit

实现层中的内容固定在页面的位置div居中显示。Position 属性，包括全屏、左上角、上居中、右上角、左居中、居中（默认）、右居中、左下角、下居中、右下角等10个位置。X 属性，可根据 Position 属性进行相对水平偏移设置。（默认0）Y 属性，可根据 Position 属性进行相对垂直偏移设置。（默认0）

div居中显示,如何让DIV层在网页中居中显示插图

  一、<style>#div1 { position: absolute; width:100px; height:50px; left:50%; top:50%; margin-left:-50px; margin-top:-25px;}</style><body> <div id=”div1″></div></body>二、<script>function set_div2(obj){ with(obj。
  style) { left = document。body。
  offsetWidth-parseInt(width); top = 0;}</script><body> <div id=”div2″ onl oad=”set_div2(this)”></div></body>

div居中显示,如何让DIV层在网页中居中显示插图1