Html 将输入文本框定位在中间_Html_Css_Textbox_Positioning

Html 将输入文本框定位在中间

html css

Html 将输入文本框定位在中间,html,css,textbox,positioning,Html,Css,Textbox,Positioning,在下面给出的代码中，我需要将userid框放在中间。经过多次尝试后，我无法做到这一点。对不起，我太天真了我的HTML和css文件如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <link rel="stylesheet" type="text

在下面给出的代码中，我需要将userid框放在中间。经过多次尝试后，我无法做到这一点。对不起，我太天真了
我的HTML和css文件如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<link rel="stylesheet" type="text/css" href="styledel.css" />
</head>

<body>
<input type="text" name="userid" id="userid">  <!-- this need to go in the center -->
<br/><br/><br/>


<form action="http://localhost" method="post" name="form"">
        <label for="name">Name</label>
                <input type="text" id="name" name="name" disabled="disabled" />
                <br></br>

                <label for="email">E - mail</label>
                <input type="text" name="email">
                <br></br>

                <label for="password">Select Password</label>                
                <input type="password" name="password" >
                <br></br>

                <label for="password2">Retype Password</label>
                <input type="password" name="password2" >
                <br></br>
    <input type="submit" value="Submit" />
</form>

</body>
</html>

提前感谢。

您可以尝试在div中添加输入，并将该div的边距设置为自动

#user-id-div
{
width:200px;
margin:auto;    
}

例如：

您也可以将输入标记放在div中，并给出文本align:center

<div style="text-align:center;"><input type="text" name="userid" id="userid"></div>

试试这个

非常感谢。工作正常。

<div style="text-align:center;"><input type="text" name="userid" id="userid"></div>