css对齐div标签输入框

Question

我想显示带有居中对齐的输入框，该对齐位于div标签中。现在我使用

进行此操作

<div class="nam">
  <center><input type="text" name="name"></center>
  <center><input type="text" name="pass"></center>
  <center>
   ... </center>
</div>   

我想用css代码来做这件事。

Answer 1

尝试以下

HTML代码：

<div class="nam">
 <div>
  <input type="text" name="name">
 </div><div>
  <input type="text" name="pass">
 </div>  
</div>

<强> CSS：

.nam{
    text-align : center;
}

Answer 2

<center>元素已被弃用，因为它定义了其内容的表示形式 - 它没有描述其内容。

centering the things with CSS有不同的方式。

我的建议是将text-align: center添加到您的班级nam。

＆＃13;

＆＃13;

.nam {
  text-align: center;
}

＆＃13;

<div class="nam">
  <input type="text" name="name">
  <input type="text" name="pass">
</div>

＆＃13;

＆＃13;

＆＃13;