select 文字右对齐
- 作者：网页模板
- 类型：文章教程
- 点击次数：
- 发布时间：2018-03-28 11:31
今天我爱模板网遇到这个问题了，select文字居右，我尝试了下面的代码：
1、添加 dir 属性，适合中文，但是会导致英文单词或者有空格的地方文字变成从右到左。
(责任编辑：网页模板)
select,option{
text-align:right;
}
然而，并没有什么卵用。后来在：http://stackoverflow.com/questions/7920677/text-align-right-on-select-or-option 找到了解决办法。总结如下：1、添加 dir 属性，适合中文，但是会导致英文单词或者有空格的地方文字变成从右到左。
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
2、使用 css ，这个方法是比较靠谱的，建议使用
select {
direction: rtl;
}
select option {
direction: ltr;
}
亲测，可用！(责任编辑：网页模板)
- 本文标签：
- select文字右对齐
