BinaryDevelop
  1. ホーム
  2. html

HTMLのテキストボックスでテキストを右寄せにするにはどうしたらいいですか？

2023-09-28 20:26:16

質問

私は、多くの数値を列で表示する必要があります。これらの値は簡単に編集可能である必要があるので、私はちょうどテーブルにそれらを表示することはできません。私はそれらを表示するためにテキストボックスを使っています。テキストボックスに表示されるテキストを右寄せにする方法はありますか？また、ユーザーがデータを入力するときに、右から入力したものが表示されるようになればいいと思います。

どのように解決するのですか？

スタイルを設定してみてください。 

input {
    text-align:right;
}

テストしたところ、これは（少なくともFF3では）正常に動作しました。 

<html>
    <head>
        <title>Blah</title>
        <style type="text/css">
        input { text-align:right; }
        </style>
    </head>
    <body>
        <input type="text" value="2">
    </body>
</html>

おそらく、これらの入力にクラスを投げ、そのクラスをセレクタとして使用したいと思うでしょう。 私は "rightAligned" やそのようなものは避けたいと思います。 クラス名では、要素の機能が何であるかを記述したいのであって、どのようにレンダリングされるべきかを記述したいのではありません。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します