HTML でテキストを配置するには、次のメソッドを使用できます。 text-align 属性を使用します。この属性は、left (左揃え)、center (中央揃え)、right (右揃え) などの値を受け入れます。 style 属性を使用して text-align 値を指定します。 CSS クラスを使用して配置を設定します。右から左へ記述する言語の場合、 dir 属性を使用してテキストの方向を指定できます。
HTML テキスト ボックスのコンテンツの配置
テキスト ボックス内のコンテンツの配置は、クリーンで使いやすいものを作成するために不可欠です。それは重要です。 HTML には、テキストの配置を実現するためのいくつかの方法が用意されています。
1. text-align
属性を使用する
最も直接的な方法は、text-align
属性を使用することです。この属性は次の値を受け入れます:
<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>
注:
属性の場合、値が指定されていない場合、デフォルトの動作は左揃えになります。
この属性は、divs や ps などの他の要素を配置するために使用することもできます。
以上がHTMLでテキストボックスの内容を整列させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。