js擷取input長度並根據頁面寬度設定其大小及置中對齊，input置中對齊

js擷取input長度並根據頁面寬度設定其大小及置中對齊，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;" />

JS擷取Input內容的屬性 thisstylefontSize 擷取文字大小 thisstylefontFamily 擷取文本字型

this.value 是擷取內容。
 
怎讓input文字框中的文字垂直置中對齊

在ie中文字垂直置中對齊的話:在css中把line-height的屬性設定成height的高度即可。可能有的瀏覽器如此設定依然不置中，此時可以使用padding屬性。如果文字框有背景圖片的話就會向下凸出一塊，此時可以把max-height值設為height的值。