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;

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

css省略号在IE中不起作用

2 个答案: