使用css将html元素居中

Question

我使用了div并使用了margin：auto，但它不起作用。

#up {
  margin: auto;
  display: block;
}

<div id="up">
  <input type="file" name="fileToUpload" id="fileToUpload">
</div>

Answer 1

这是重复的问题，但是：

您希望输入居中吗？然后将text-align:center;添加到容器div。

#up { margin: auto; display:block; }
#up { border: 1px solid blue; }

#alignCenter {text-align:center;}
#alignCenter {border:1px solid purple;}

/* To illustrate what is happening */
#fileToUpload {background:red;}

<div id="up">
  <input type="file" name="fileToUpload" id="fileToUpload">
</div>

<div id="alignCenter">
  <input type="file" name="fileToUpload" id="fileToUpload">
</div>