Bagaimana untuk menyelaraskan kandungan kotak teks dalam html

Kaedah berikut boleh digunakan untuk menjajarkan teks dalam HTML: gunakan atribut penjajaran teks, yang menerima nilai seperti kiri (penjajaran kiri), tengah (tengah), kanan (penjajaran kanan), dsb. Gunakan atribut gaya untuk menentukan nilai penjajaran teks. Gunakan kelas CSS untuk menetapkan penjajaran. Untuk bahasa kanan ke kiri, anda boleh menggunakan atribut dir untuk menentukan arah teks.

Penjajaran Kandungan Kotak Teks HTML

Menjajarkan kandungan dalam kotak teks adalah penting untuk mencipta borang yang bersih dan mesra pengguna. HTML menyediakan beberapa cara untuk mencapai penjajaran teks.

1 Gunakan atribut text-align 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

Cara paling langsung ialah menggunakan atribut text-align, yang menerima nilai berikut: 🎜

kiri: Dijajar ke kiri🎜

tengah: Berpusat🎜

kanan: Dijajarkan ke kanan🎜🎜rrreee🎜🎜2 Gunakan atribut style🎜🎜🎜Anda juga boleh menggunakan style code> menentukan nilai <code>text-align: 🎜rrreee🎜🎜3 Menggunakan kelas CSS 🎜🎜🎜 Anda juga boleh membuat kelas CSS tersuai dan menetapkannya menggunakan teks. -align attribute Penjajaran: 🎜🎜🎜Fail CSS: 🎜🎜rrreee🎜🎜Fail HTML: 🎜🎜rrreee🎜🎜4 Gunakan atribut dir 🎜🎜-to-left. bahasa seperti Arab dan Ibrani Dalam erti kata lain, anda boleh menggunakan atribut dir untuk menentukan arah teks: 🎜rrreee🎜🎜Nota: 🎜🎜

• Untuk teks -align atribut, jika tiada nilai dinyatakan, Tingkah laku lalai dijajar ke kiri. 🎜
• Atribut text-align juga boleh digunakan untuk menjajarkan elemen lain seperti div dan ps. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menyelaraskan kandungan kotak teks dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!