如何让html表单居屏幕中⼼显⽰，让表单form在整个页⾯居中解
决⽅法
让表单form在整个页⾯居中
整个页⾯就⼀个表单，很简单
我⽤过的⽅法：
1、在外⾯套⼀层
但是只能⽔平居中，不能垂直居中
2、在外⾯套⼀层
html怎么让所有内容居中
同上
3、margin:300px;
成功，但是，这只是相对于我这个显⽰屏来说，如果换⼀个不⼀样尺⼨的呢
所以怎样让⼀个表单上下左右居中呢
------解决思路----------------------
vertical-align:middle; 试试呢
------解决思路----------------------
垂直居中是要⾃⼰获取当前浏览器的⾼，然后通过计算后得到位置的，⽹上有相关⽂章你可以搜索下
------解决思路----------------------
另外说⼀句，如果你有下拉框，那你就得取页⾯的⾼度⽽不是浏览器的
------解决思路----------------------
你是想做⼀个弹出层效果?
------解决思路----------------------
⽔平居中：margin:0px auto；左右auto即可。
垂直居中：(jquery或js获取浏览器窗⼝⾼ - form区⾼) /2，然后让form加css，margin-top为刚计算的⾼度
------解决思路----------------------
body {
height: 100%;
width: 100%;
border: none;
overflow-x: hidden;
}
#cardlist{
height:99%;
overflow-x: hidden;
}
//var w = window.innerWidth
------解决思路----------------------
document.documentElement.clientWidth
------解决思路----------------------
document.body.clientWidth;
var h = window.innerHeight
------解决思路----------------------
document.documentElement.clientHeight
------解决思路----------------------
document.body.clientHeight;
//ElementById("这⾥放id").style.width = w + "px";
}
这是获取窗体尺⼨。再⽤6楼的⽅法算⼀下试试。
------解决思路----------------------
看⼀下 silverlight 项⽬⾃动产⽣的页⾯就明⽩了：
html>
html, body {
height: 100%;
overflow: auto;
}
body {
padding: 0;
margin: 0;
}
#silverlightControlHost {
height: 100%;
text-align: center;
}
------解决思路----------------------
引⽤:⽔平居中：margin:0px auto；左右auto即可。
垂直居中：(jquery或js获取浏览器窗⼝⾼ - form区⾼) /2，然后让form加css，margin-top为刚计算的⾼度
margin:0px auto，这个是正解，垂直居中⼀般没啥必要，如果需要，就需要通过计算⾼度来进⾏设置------解决思路----------------------
width: 980px;
margin: 0 auto;
top: 50%;
left: 50%;
position: absolute;
margin: -190px 0 0 -540px;
magin部分⾃⼰慢慢调整
------解决思路----------------------
引⽤:width: 980px;
margin: 0 auto;
top: 50%;
left: 50%;
position: absolute;
margin: -190px 0 0 -540px;
magin部分⾃⼰慢慢调整
这是绝对定位的⽔平居中⽅法，margin-left的尺⼨为总宽的⼀半

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。