js获取input长度并根据页面宽度设置其大小及居中对齐

1. js获取页面宽度高度及屏幕分辨率

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth （包括边线的宽）网页可见区域高：document.body.offsetHeight （包括边线的宽）网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scrollTop网页被卷去的左：document.body.scrollLeft网页正文部分上：window.screenTop网页正文部分左：window.screenLeft屏幕分辨率的高：window.screen.height屏幕分辨率的宽：window.screen.width屏幕可用工作区高度：window.screen.availHeight屏幕可用工作区宽度：window.screen.availWidth

2. js获取input长度

document.getElementById（"input的id值"）.style.width = document.body.scrollWidth * 0.24 - 550;

3. input 输入框居中对齐

<input type="text" style="text-align:center;" />