其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写。
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
上下居中的话，就要写JS了
如果你要自适应高宽的话，还是得JS才行咯，四川邦办科技网站上好像有这个的介绍
一、
<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" onload="set_div2(this)"></div>
</body>
本回答被网友采纳具体要问问小美 不是专业web美工
怎样使div居中到网页的中间?
如何让DIV层在网页中居中显示1、在DIV标签对中写入的正文标签的HTML中div\/div。然后我们将div设置为宽高度，我们需要注意的是，如果您不设置默认值的宽度为100%哦，所以它将填充整个页面。2、首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0auto，这样即可让对应div水平...
如何让DIV层在网页中居中显示
有以下办法可以使div层在网页中居中显示：1、定位法，如果子级div有定义宽和高的话就可以用这个方法，注意margintop和marginleft的值均为高和宽值的一半；2、marginauto法，这个也可以是定位法，用这个方法要求子级div必须设置宽的值，marginauto是水平垂直都居中，如果仅仅设置水平居中，可设置为marginau...
html中如何让div居中
在HTML页面布局中，让div元素居中的方法主要有两种：margin方法和position方法。这两种方法都能有效地实现div元素的水平和垂直居中。首先，使用margin方法，可以通过设置div的左右margin值使其居中。具体操作是，计算父元素宽度减去div宽度后除以2，得到的值设置为margin-left，同时计算父元素高度减去div高度后除...
如何让div中的div居中?
让div中的div居中可以通过CSS的margin属性或flexbox布局实现。1. 通过CSS的margin属性实现居中 这是一种常见的方法，主要通过设置左右margin为auto来实现。首先，给内层的div设置一个宽度，然后将其左右margin设置为auto，这样浏览器会自动计算左右两侧的空间，使div水平居中。例如：css .inner-div { width...
让DIV垂直居中
让DIV垂直居中是网页设计经常用到的操作，让DIV垂直居中的方法如下：1、打开CSS，设置DIV的宽度和高度；2、设置对象样式的位置为绝对位置；3、将距离页面窗口左边框和上边框的距离设置为百分之五十；4、将该DIV分别左移和上移，左移和上移的大小是该DIV宽度和高度的一半；5、同时设置margintop和margin...
如何让一个div居中
1、新建一个html文件，命名为test.html，用于讲解CSS怎样让一个div居中。2、在test.html文件中，使用div标签创建一个模块，用于测试居中效果。3、在test.html文件中，设置div的class属性为test，下面将通过该class属性设置其css样式。4、在test.html文件内，编写styletype=text\/css\/style>标签，页面的css...
CSS div居中的三种方法
auto"，这样div就会自动居于其父元素的中心位置。最后，span法也是常用的一种方法。创建一个隐藏的span元素，将其与目标div都设置为inline-box，span的高度设置为父元素的100%。然后利用display: flex或vertical-align: middle，将两个元素在垂直方向上居中，这样div元素就能轻松实现居中效果。
html如何将div居中HTML如何将div居中
DIV怎么使中间的东西居中？1、在DIV标签对中写入的正文标签的HTML中p>\/p>。2、然后我们将p设置为宽高度,我们需要注意的是,如果您不设置默认值的宽度为100%哦,所以它将填充整个页面。3、然后我们设置Div的边距,第一个参数指示顶部的距离为0,第二个自动表示自动。也就是说,在设置此设置后,p将根据...
html怎么让div居中
html让div居中的方法是：可以用外边距margin属性来实现其居中。HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接...
如何div中的div居中cssdiv中的div怎么居中
CSS实现div垂直居中的方法有很多。下面这些使div居中的方法在编写网页时经常用到，最常见的例子就是登录注册弹出框。方法一:使用绝对布局位置:absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距:自动。方法二:这个方法需要知道div的宽度和高度。使用绝对布局位置:绝对用于...
