html - css 省略号在 IE 中不起作用

Question

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;
}

Answer 1

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

上面的规则是正确的

text-overflow: ellipsis;