すべてのデフォルト入力では、入力したテキストが左側から始まります。あなたはどうやってそれを右から始めるのですか?入力内でテキストを揃える方法は?
答えて
はあなたのCSSでtext-alignプロパティを使用します。
input {
text-align: right;
}
は、これは、ページのすべての入力に有効になります。
<input type="text" style="text-align:right;"/>
input[type=text] { text-align:right }
<form>
<input type="text" name="name" value="">
</form>
があなたのCSSでこれを試してください:あなたはただ一つの入力のテキストを揃えたい場合
そうでない場合は、スタイルをインラインで設定
input {
text-align: right;
}
中央にテキストを整列させる:
input {
text-align: center;
}
しかし、それは左揃えされなければならない、それがデフォルトとして - とフレンドリーなほとんどのユーザーであるように思われます。 CSSなし
: がテキスト入力
STYLE =のスタイルプロパティを使用し、 "テキスト整列:右;"
これはまだCSSです。ちょうどインラインCSSです。 –
スタイル属性は、インラインCSSを作成するために使用されます。コード 'text-align:right'は間違いなくCSSです。 –
また、大文字で表記しないでください( – elli0t
ここで受け入れられた回答は正しいですが、少し情報を追加したいと思います。ブートストラップのようなライブラリ/フレームワークを使用している場合は、このためのクラスが構築されているかもしれません。たとえば、ブートストラップはtext-right
クラスを使用します。上記のように、これは数値のように、同様に他の入力タイプで動作します注意点として
<input type="text" class="text-right"/>
<input type="number" class="text-right"/>
:このようにそれを使用してください。
ブートストラップのような素敵なフレームワークを使用していない場合は、このヘルパークラスを独自のバージョンにすることができます。他の回答と同様ですが、入力クラスに直接追加するのではなく、サイトやページのすべての入力には適用されませんが、これは望ましい動作ではない可能性があります。これは、インライン・スタイリングや各入力ボックスに影響を与えることなく、物事を正しく整列させるのに素敵な簡単なCSSクラスを作成します。
.text-right{
text-align: right;
}
このクラスは上記の入力と全く同じようにclass="text-right"
で使用できます。私はそれが多くのキーストロークを保存していませんが、それはあなたのコードクリーナーを作る知っている。
- 1. AndroidでTextView内部のテキストを揃える方法は?
- 2. JTextField内でテキストを揃える方法を教えてください。
- 3. Html:テキストを中央揃えの画像に左揃えにする方法は?
- 4. UITextViewでテキストを縦に揃える方法は?
- 5. 右揃えテキスト
- 6. ボタン要素内のテキストの上揃え?
- 7. RTFテーブル内のテキストの右揃え
- 8. divの横にテキストを揃える方法は?
- 9. 実行時にUITextViewのテキストを揃える方法は?
- 10. ブートストラップアイコンをボタンのテキストに揃える方法は?
- 11. ImageButton内でイメージソースを揃える方法は?
- 12. NavigationBarでcustomViewsを揃える方法は?
- 13. 同じ行の左揃え、中央揃え、右揃えのテキスト
- 14. 他の中央揃えのテキストの隣にテキストを揃えるには
- 15. テキストの内部で入力幅を設定する方法
- 16. UIPickerViewで右揃えのテキスト
- 17. XAMLの右揃えコードをスタイルに挿入する方法は?
- 18. コードをテキスト入力フォームに入力する方法は?
- 19. テキストを中央に揃えるには?
- 20. ウェル内の要素を揃える方法は?
- 21. JavaScript/jQuery - 入力テキスト内のテキストを置き換えます
- 22. テーブルセルのテキストを右揃えにする方法<col/>
- 23. フレックスアプリケーションを左に揃える方法は?
- 24. チェックボックスとラベルタグを揃える方法は?
- 25. WPF - 水平方向のスタックパネル内でテキストブロックを右揃えにする方法は?
- 26. テーブル内の入力(チェックボックス)の後に、テキストをで識別する方法は?
- 27. TextField右揃えのテキスト
- 28. WPFグリッドアイテムと右揃えテキスト
- 29. テキスト入力内のテキストを囲む
- 30. C#コンソールでテキストを右揃え
これは、右から左に表示される言語と互換性があるようにフィールドを変更していますか? –