如何對齊文本框？

-1

我作爲搜索領域的一個文本框，如下所示，我想右對齊：如何對齊文本框？

<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>

我試圖與另一格周圍它試圖這樣做使用文本對齊，如下圖所示，但在這裏我想它

.new-search-div { 
    display: inline-block; 
    text-align: right; 
}

這裏是哪裏，我想對齊的截圖它並沒有完全對齊......

來源

2016-12-14 Uncode

引導'col-md-offset-2'作爲一個類的例子，也許你正在尋找的東西？... http://getbootstrap.com/css/#grid-offsetting – Daniel

http：// www。 bootply.com/LUTE2CSVmg，因爲你使用引導程序，已經有類似這樣的任務預定義的類...檢查'所有類'按鈕，並用你的標記玩一點。 – sinisake

請添加[mcve] –

text-align:right;只會右對齊文本元素。

看來你正在使用引導程序。你可以嘗試給你的表格一個類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>

來源

2016-12-14 23:25:33 bob

不要使用align:right;，有沒有這樣的CSS規則，用float:right;代替。

（該元素將對齊到父元素的右邊，所以你可能需要應用父form相反，如果你沒有看到它的變化。）

來源

2016-12-14 23:24:24

已經嘗試給輸入a float: right;？

來源

2016-12-14 23:25:35 Fluchaa

如何對齊文本框？

回答

相關問題