使用css将html元素居中[重复]答案

【问题标题】：Centering a html element using css [duplicate]使用css将html元素居中[重复]
【发布时间】：2016-01-18 16:45:20
【问题描述】：

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

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

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

【问题讨论】：

请添加您尝试过的代码。询问为什么代码不起作用的问题必须包含该代码（在您的情况下，它必须是 HTML 和 CSS）。
#up { 边距：自动；显示：块； }
我试过 text-align: center;但它不起作用-谢谢
@AdminRelative 请将您的代码编辑成问题本身
你有没有先尝试搜索 Stack Overflow...有几十个（如果不是几百个）中心问题。

标签： html css

【解决方案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>

【讨论】：