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

HTML テキスト ボックスの配置方法

HTML では、次の方法でテキスト ボックスを配置できます。

水平方向の配置

• left: テキスト ボックスの内容を左揃えにします。
• center: テキスト ボックスの内容を中央揃えにします。
• right: テキスト ボックスの内容を右揃えにします。

CSS スタイル シートの使用

HTML ページで CSS スタイル シートを使用すると、テキスト ボックスを簡単に水平方向に整列させることができます。

<code class="css">input[type="text"] {
  text-align: left;
}</code>

上記のコード「テキスト」タイプのすべての入力ボックス (テキスト ボックス) の内容を左に揃えます。

HTML 属性の使用

新しい HTML バージョン (HTML5 など) では、align 属性を使用してテキスト ボックスを直接配置することもできます。水平方向 :

<code class="html"><input type="text" align="left"></code>

垂直方向の配置

HTML には、テキスト ボックスの垂直方向の位置を揃えるための直接のプロパティや CSS スタイルはありません。

ただし、行の高さやパディングなどの CSS テクニックを使用して、テキスト ボックスの垂直位置を間接的に調整できます。

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