Maison > Article > interface Web > Comment aligner le contenu d'une zone de texte en HTML
Les méthodes suivantes peuvent être utilisées pour aligner du texte en HTML : utilisez l'attribut text-align, qui accepte des valeurs telles que left (alignement à gauche), center (center), right (alignement à droite), etc. Utilisez l'attribut style pour spécifier la valeur d'alignement du texte. Utilisez des classes CSS pour définir l'alignement. Pour les langues s'écrivant de droite à gauche, vous pouvez utiliser l'attribut dir pour spécifier la direction du texte.
Alignement du contenu d'une zone de texte HTML
L'alignement du contenu dans une zone de texte est essentiel pour créer des formulaires propres et conviviaux. HTML propose plusieurs façons d’aligner le texte.
1. Utilisez l'attribut text-align
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>
注意:
text-align
属性,如果未指定值,则默认行为为左对齐。text-align
text-align
, qui accepte les valeurs suivantes : 🎜style
🎜🎜🎜Vous pouvez également utiliser text. -align
attribut Alignement : 🎜🎜🎜Fichier CSS : 🎜🎜rrreee🎜🎜Fichier HTML : 🎜🎜rrreee🎜🎜4. Utilisez l'attribut dir
🎜🎜🎜de droite à gauche. des langues comme l'arabe et l'hébreu. En d'autres termes, vous pouvez utiliser l'attribut dir
pour spécifier la direction du texte : 🎜rrreee🎜🎜Remarque : 🎜🎜 Attribut -align
, si aucune valeur n'est spécifiée, le comportement par défaut est aligné à gauche. 🎜text-align
peut également être utilisé pour aligner d'autres éléments tels que divs et ps. 🎜🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!