入力内でテキストを揃える方法は？

Question

すべてのデフォルト入力では、入力したテキストが左側から始まります。あなたはどうやってそれを右から始めるのですか？

Answer 1

はあなたのCSSでtext-alignプロパティを使用します。

input { 
    text-align: right; 
} 

は、これは、ページのすべての入力に有効になります。

<input type="text" style="text-align:right;"/> 

Answer 2

Here you go：

input[type=text] { text-align:right }

<form> 
 
    <input type="text" name="name" value=""> 
 
</form>

Answer 3

があなたのCSSでこれを試してください：あなたはただ一つの入力のテキストを揃えたい場合
そうでない場合は、スタイルをインラインで設定

input { 
text-align: right; 
} 

中央にテキストを整列させる：

input { 
text-align: center; 
} 

しかし、それは左揃えされなければならない、それがデフォルトとして - とフレンドリーなほとんどのユーザーであるように思われます。 CSSなし

Answer 4

： がテキスト入力

STYLE =のスタイルプロパティを使用し、 "テキスト整列：右;"

Answer 5

ここで受け入れられた回答は正しいですが、少し情報を追加したいと思います。ブートストラップのようなライブラリ/フレームワークを使用している場合は、このためのクラスが構築されているかもしれません。たとえば、ブートストラップはtext-rightクラスを使用します。上記のように、これは数値のように、同様に他の入力タイプで動作します注意点として

<input type="text" class="text-right"/> 
<input type="number" class="text-right"/> 

：このようにそれを使用してください。

ブートストラップのような素敵なフレームワークを使用していない場合は、このヘルパークラスを独自のバージョンにすることができます。他の回答と同様ですが、入力クラスに直接追加するのではなく、サイトやページのすべての入力には適用されませんが、これは望ましい動作ではない可能性があります。これは、インライン・スタイリングや各入力ボックスに影響を与えることなく、物事を正しく整列させるのに素敵な簡単なCSSクラスを作成します。

.text-right{ 
    text-align: right; 
} 

このクラスは上記の入力と全く同じようにclass="text-right"で使用できます。私はそれが多くのキーストロークを保存していませんが、それはあなたのコードクリーナーを作る知っている。