html中怎么将标签左对齐，而文本框右对齐的方法

Posted 2023-05-02

参考技术A 设置其对齐样式将标签设置为左对齐，文本框设置为右对齐。如：

<label class="la"></label>
<input type="text" class="textBox"/>

css：

.latext-align:left;
.textBoxtext-align:right;

text-align是文本对齐样式，有三个取值，分别是：left、center、right。

app页面用css 的direction 属性解决select 下拉框右对齐

direction 属性规定文本的方向 / 书写方向。

select标签

<div class="mui-input-row mir">
   <label style="margin-left: 5px;">部门</label>
   <select dir="rtl" id="dept" style="width:50%; height: 30px;">
   </select>
</div>

select的样式

#dept{
    direction: rtl;
}

#dept option{
    direction: ltr;
}