文字内容溢出用点点点(…)省略号 在不同浏览器里的 显示位置问题

**显示省略号css样式（后两个顺序不能颠倒，不信试试）：

overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;

***********************************************************

一、如果是在chrome浏览器下显示为：

 省略号位置为居中。

二、如果是在IE8+浏览器下

省略号位置为居下。

怎么让省略号在所有浏览器中都居下呢？我还没找到办法^_^

三、在引入了bootstrap框架的页面中 使用chrome浏览器居然和IE显示效果相同（有点神奇啊）

 好神奇。

另外我发现，不同字体下，省略号的样式居然也有所不同，具体的区别，如果感兴趣就去慢慢发现吧！！！