代码之家  ›  专栏  ›  技术社区  ›  Robert MouzmiSadiq

以文本框为中心的CSS/HTML

css
  •  1
  • Robert MouzmiSadiq  · 技术社区  · 16 年前

    这应该很容易,但却很难…

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

    我不希望文本居中,只希望文本框位于外部分区内。

    这是我的尝试,但不起作用

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

    哪里:

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

    文本框保持在左侧。

    外部分区有一个300px的固定分区,其自身使用 margin: 0 auto;

    3 回复  |  直到 16 年前
        1
  •  4
  •   oezi    16 年前
    .temp123{
      text-align:center;
    }
    .temp123 > input{
      text-align:left;
    }
    

    或简单(但未测试):

    .temp123 > input{
      margin: 0 auto;
      margin-left: auto;
      margin-right: auto;
    }
    
        2
  •  4
  •   Ralf de Kleine    16 年前

    也许我不明白这个问题,但应该这样做。

    <style>
    .temp123
    {
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    }
    </style>
    <div class ="temp123">
        <input type="text" />
    </div>
    
        3
  •  1
  •   Kyle    16 年前

    在您的CSS中,您选择的是DIV的边距,即DIV之外的空间。

    你需要像选择 .temp123 input {...}

    希望有帮助。