关于不换行显省略号（这是 IE bug 还是我的 css 写错了？）

[kmvan]

先上地址： http://jsfiddle.net/8r6eooy9/1/

补图 http://ww2.sinaimg.cn/large/686ee05djw1em9t7dfzc9j209s04t74h.jpg

情况说明：ul>li>a 结构中，显示 ul 的 list-type-style（圆点），并且 a 填充整行，但不换行，溢出的显示 […] 省略号。

预期效果：圆点 和 a 应该在同一行。

实际情况：在 IE11（或安卓444自带浏览器）下，圆点成为了第一行，a 被挤下去了。ff 或 chrome 无此问题。

猜测原因：不知道。

请大神们看看这是什么情况？理论上 css 应该没错，但 ie11 出现了换行情况，求支招～

[anjianshi]

是 overflow: hidden; 这句导致的问题，原因不明

这有一个勉强可用的实现方式：
ul{ }
li{
list-style-position: inside;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 15em;
}
a{ }

缺点是， IE 和 Chrome 下，显示出来的字数是不一样的
但至少可以正常截断字符了

[thanksmymagic]

@anjianshi Hi~你好，我是笪兴，十年后（10years.me）的创始人。我刚刚看到你的一些回答，感觉和我们的技术和团队风格都挺合拍 ，希望可以聊聊。十年后是一个基于梦想的社交网络，我们想用它让年轻人的生活更有未来性，网站是去年年末上线的。我们上个月刚拿到创新谷VC百万元天使轮融资，现在在招募Web前端开发的人才。可以加我的微信18101620531聊聊，交个朋友也不错：）