如何对齐div的输入区域中心

时间:2016-08-10 14:00:58

标签: javascript html

我正在尝试创建一个div和一个文本区域。在这里,我希望文本区域位于div的中心。 div的确切中心就像使用 margin-left:auto,margin-right:auto 一样。这些功能无效。但我不想使用 margin-left:20px或30px 之类的东西。请给出一些建议。谢谢。

<div style="width: 240px; border: 1px solid; margin-left: auto; margin-right: auto;">
		<input type="text" name="" class = "textarea" style="width: 150px; min-height: 50px; margin-left: auto; margin-right: auto; overflow: hidden;" placeholder="Hi, I am a member of Footdrive!"><br/>

		<input class = "save" type="button" name="Save" value="Save">
	</div>

1 个答案:

答案 0 :(得分:2)

为父div提供text-align:CENTER;属性,使按钮和文本区域位于中心。

&#13;
&#13;
<div style="width: 240px; border: 1px solid; margin-left: auto; margin-right: auto; text-align:center;">
  <input type="text" name="" class = "textarea" style="width: 150px; min-height: 50px; margin-left: auto; margin-right: auto; overflow: hidden;" placeholder="Hi, I am a member of Footdrive!">
  <br/>
  <input class = "save" type="button" name="Save" value="Save">
</div>
&#13;
&#13;
&#13;