• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  select 文字右对齐正文

select 文字右对齐

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-03-28 11:31
分享到:
今天我爱模板网遇到这个问题了,select文字居右,我尝试了下面的代码:
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文字右对齐
css+html属性禁止选中文字
overflow:auto导致绝对定位占位置,overflow-x和overflow-y值问题