如何将文本框对齐？

Question

我有一个用作搜索字段的文本框，如下所示，我想对齐右边：

ft.remove(current)

我尝试使用另一个div来围绕它，尝试使用text-align，如下所示，但它没有准确对齐我想要的地方

<div class="col-md-6 search-form" style="padding:13px 0;">
    <form action="/search" method="post">
       <input type="search" name="q" style="max-width: 300px;" class="form-control" placeholder="Search here...">
    </form>
</div>

这是我试图对齐它的屏幕截图...

Answer 1

text-align:right;只能正确对齐文字元素。

看来你正在使用bootstrap。您可以尝试为表单提供一个pull-right类，这是一个浮动右侧的引导类。

 <form action="/search" method="post" class="pull-right">
    <input type="search" name="q" style="max-width: 300px;" class="form-control" placeholder="Search here...">
  </form>

Answer 2

请勿使用align:right;，没有此类CSS规则，请改用float:right;。

（元素将与父元素的右侧对齐，因此您可能需要在父元素form上应用该元素，如果您没有看到它发生变化。）

Answer 3

已尝试为输入提供float: right;？