HTMLでテキストボックスの内容を整列させる方法

HTML でテキストを配置するには、次のメソッドを使用できます。 text-align 属性を使用します。この属性は、left (左揃え)、center (中央揃え)、right (右揃え) などの値を受け入れます。 style 属性を使用して text-align 値を指定します。 CSS クラスを使用して配置を設定します。右から左へ記述する言語の場合、 dir 属性を使用してテキストの方向を指定できます。

HTML テキスト ボックスのコンテンツの配置

テキスト ボックス内のコンテンツの配置は、クリーンで使いやすいものを作成するために不可欠です。それは重要です。 HTML には、テキストの配置を実現するためのいくつかの方法が用意されています。

1. text-align 属性を使用する

最も直接的な方法は、text-align 属性を使用することです。この属性は次の値を受け入れます:

• left: 左揃え
• center: 中央揃え
• right: 右揃え

<code class="html"><input type="text" style="text-align: center;"></code>

2 . style 属性の使用

style 属性を使用して text-align 値を指定することもできます。 :

<code class="html"><input type="text" style="text-align: center;" /></code>

3. CSS クラスの使用

カスタム CSS クラスを作成し、text-align プロパティを使用して配置を設定することもできます。

CSS ファイル:

<code class="css">.text-center {
  text-align: center;
}</code>

HTML ファイル:

<code class="html"><input type="text" class="text-center" /></code>

4. dir# を使用します。 ## 属性

アラビア語やヘブライ語などの右から左に記述する言語の場合、

dir 属性を使用してテキストの方向を指定できます:

<code class="html"><input type="text" dir="rtl" style="text-align: center;" /></code>

注:

• text-align 属性の場合、値が指定されていない場合、デフォルトの動作は左揃えになります。
• text-align この属性は、divs や ps などの他の要素を配置するために使用することもできます。

以上がHTMLでテキストボックスの内容を整列させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。