通過 text-align 屬性來設置文本框對齊:1. 左對齊:“left”;2. 居中對齊:“center”;3. 右對齊:“right”。
如何設置文本框對齊?
在 HTML 中設置文本框的對齊方式非常簡單,可以通過 text-align
屬性來實現。該屬性可以指定文本在輸入框內的水平對齊方式。
以下是如何使用 text-align
屬性設置文本框對齊方式:
-
左對齊:將
text-align
設置為 “left”。這將使文本左對齊在輸入框內。<code class="html"><input type="text" style="text-align: left;"></code>
登錄后復制
-
居中對齊:將
text-align
設置為 “center”。這將使文本居中對齊在輸入框內。<code class="html"><input type="text" style="text-align: center;"></code>
登錄后復制
-
右對齊:將
text-align
設置為 “right”。這將使文本右對齊在輸入框內。<code class="html"><input type="text" style="text-align: right;"></code>
登錄后復制
注意:
text-align
屬性只能應用于文本輸入元素,如 <input>
和 <textarea></textarea>
.
該屬性只能水平對齊文本,不能垂直對齊。
text-align
屬性可以與其他 CSS 屬性結合使用,以創建更復雜的對齊效果。