HTML 文本框内容对齐

对齐文本框中的内容对于创建整洁且用户友好的表单至关重要。HTML 提供了多种方法来实现文本对齐。

1. 使用 属性

最直接的方法是使用 属性，该属性接受以下值：

left：左对齐
center：居中
right：右对齐

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

2. 使用 属性

您还可以使用 属性指定 值：

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

3. 使用 CSS 类

您还可以创建自定义 CSS 类并使用 属性设置对齐方式：

CSS 文件：

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

HTML 文件：

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

4. 使用 属性

对于从右到左的语言，如阿拉伯语和希伯来语，可以使用 属性指定文本方向：

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

注意：

对于 属性，如果未指定值，则默认行为为左对齐。

属性还可用于对齐其他元素，如 div 和 p。