Js obtains the input length and sets the size and center Alignment Based on the page width. The input center alignment

Js obtains the input length and sets the size and center Alignment Based on the page width. The input center alignment

1. js get the page width and height and screen resolution

Visible area width: document. body. clientWidth: the visible area of the webpage is high: document. body. visible area width of clientHeight webpage: document. body. offsetWidth (including the width of the edge) visible area of the webpage Height: document. body. offsetHeight (including the edge width): document. body. scrollWidth: The full text of the webpage is high: document. body. scrollHeight the height of the webpage to be rolled: document. body. the left: document. body. scrollLeft: window. screenTop page text part left: window. screenLeft screen resolution Height: window. screen. height the screen resolution width: window. screen. width: available workspace height of the screen: window. screen. availHeight available workspace width: window. screen. availWidth

2. js get the input length

Document. getElementById ("input id value"). style. width = document. body. scrollWidth * 0.24-550;

3. Align the input box in the center

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

JS obtains the attribute thisstylefontSize of Input content to obtain the text size thisstylefontFamily and obtains the text font.

This. value is used to obtain the content.

How to align the text in the input text box vertically

In ie, if the text is vertically centered and aligned, set the line-height attribute to the height in css. Some browsers may still do not center such settings, so you can use the padding attribute. If there is a background image in the text box, a highlighted area is displayed. You can set the max-height value to the value of height.