css省略号在IE中不起作用答案

【问题标题】：css ellipsis not working in IEcss省略号在IE中不起作用
【发布时间】：2016-06-30 20:40:31
【问题描述】：

text-overflow:ellipsis doesn't work on IE 没有解决这里的问题。在这种情况下，-ms-text-overflow 不会在此处应用省略号。

省略号在 IE8 和 9 中不起作用。似乎 -ms-text-overflow 属性没有做任何事情。

<div class="client">
  <span class="client-name">Some Client Long Name</span>
</div>

.client {
  display: block !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -ms-text-overflow: ellipsis !important;
  width: 170px !important;
  overflow: hidden;         
  word-wrap: normal !important;         
  float:left;    
  padding: 8px 10px 0px 10px;
}

.client-name {
  color: #AFAFAF;
  font-size: 20px;
  text-transform: uppercase;
}

【问题讨论】：

text-overflow:ellipsis doesn't work on IE的可能重复
和：stackoverflow.com/questions/13257991/…
什么是重复的？，我已经阅读了那篇文章，它也使用了 -ms-text-overflow 属性。
您应该将文本溢出应用到跨度以保持连贯。当然，一些 css 必须向下迁移到它......只需保持浮动 .client 休息到跨度
GCyrillus，很抱歉你是对的，我在客户端只保留了浮动和宽度，它现在在 IE 中可以正常工作。谢谢！

标签： html css internet-explorer ellipsis

【解决方案1】：

在这个链接中是答案，对我来说就像 IE9 中的魅力一样： https://stackoverflow.com/a/13260224/1064818

上面的规则是正确的

text-overflow: ellipsis;

【讨论】：

【解决方案2】：

这适用于 IE8：

.client {
  float:left; 
  padding: 8px 10px 0px 10px;  
  width: 170px !important;
}

.client-name {
  display: block !important;
  white-space: nowrap !important;           
  overflow: hidden;         
  word-wrap: normal !important;
  text-overflow: ellipsis !important;
  -ms-text-overflow: ellipsis !important;
  color: #AFAFAF;
  font-size: 20px;
  text-transform: uppercase;
}

【讨论】：