font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
normal: 默认值。不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值
extra ：特
ultra : 极
condensed : 收缩的 窄的
expanded: 扩展的 宽的 自己组合就知道意思了 指的各种拉伸的程度
不过font-stretch理论上来讲是改变字体宽度的样式(Style)。但实际上，暂时普遍适用的浏览器及版本，并不支持这个属性，也就是说，暂时看来这个属性是无效的，也许某天某个浏览器会支持它吧。
direction : ltr | rtl | inherit
ltr : 默认值。文本从左到右流入
rtl : 文本从右到左流入
inherit : 文本流入方向由继承获得
用于设置文本流入的方向。简单地说，就是ltr(left to right) 文字从左写到右 , rtl(right to left)则是从右写到左
此属性不会影响拉丁文的字母数字字符，它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。
假如您想应用此属性于内联文本，您必须设定 unicode-bidi 属性为 embed 或 bidi-override 。
1)简单点的使用padding使其“看上去”对齐
比如：
这里比较适合宽度固定的场合，只要padding合适，效果还是不错的
select
{
...
padding:
0
0
0
20px
}
2）
使用一些UI库实现
比如jQueryUI
优点是可以解决select控制在各个浏览器界面不一致的问题。
3）
居右对齐：
可以使用rtl属性来来控制，
<select
dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to
the
right</option>
</select>
写成CSS的话则为：
select
{
direction:
rtl
}
![ie浏览器不支持js导致部分功能缺失怎么解决[多图]](/aiimages/ie%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8D%E6%94%AF%E6%8C%81js%E5%AF%BC%E8%87%B4%E9%83%A8%E5%88%86%E5%8A%9F%E8%83%BD%E7%BC%BA%E5%A4%B1%E6%80%8E%E4%B9%88%E8%A7%A3%E5%86%B3%5B%E5%A4%9A%E5%9B%BE%5D.png)
