Question

这应该很容易，但证明很难......

我想要居中的元素就是这个<input type="text">

我不希望文本居中，只是外部div中的文本框。

这是我的尝试无效

<div class ="temp123">
    <input type="text" />
</div>

其中：

.temp123
{
margin: 0 auto;
margin-left: auto;
margin-right: auto;
}

文本框保留在左侧。

外部div具有300px的固定值，并且本身使用margin: 0 auto;

居中

Answer 1

.temp123{
  text-align:center;
}
.temp123 > input{
  text-align:left;
}

或简单（但未经测试）：

.temp123 > input{
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
}

Answer 2

也许我没有得到这个问题，但是应该这样做。

<style>
.temp123
{
margin: 0 auto;
margin-left: auto;
margin-right: auto;
text-align:center;
}
</style>
<div class ="temp123">
    <input type="text" />
</div>

Answer 3

在你的CSS中你选择了div的边距，即div之外的空间。

您需要选择.temp123 input {...}

希望有所帮助。

CSS / HTML以文本框为中心

3 个答案: