css省略号兼容ie

CSS省略号（Ellipsis）在IE浏览器中的支持相对较早，但从IE6到IE8版本并不直接内置对CSS `overflow` 或 `text-overflow` 属性的支持，因此需要一些特殊的处理。

为了在IE6、7、8这些老版本的IE浏览器中实现类似省略号的效果，可以采用一些技巧：

1. **JavaScript解决方案**:
使用JavaScript检测文字溢出，然后动态添加省略号。例如，你可以创建一个包含省略号的span元素，通过计算文本长度并比较容器宽度来插入或移除这个span。

function addEllipsis(element) {
  var text = element.innerText || element.textContent;
  if (element.offsetWidth < element.scrollWidth) {
    element.innerHTML = text + '<span class="ellipsis">...</span>';
  } else {
    element.innerHTML = text.replace(/\s+$/, '');
  }
}

2. **IE-specific CSS hack**:
使用条件注释（Conditional Comments）来应用特定于IE的样式。比如使用CSS滤镜`progid:DXImageTransform.Microsoft...`，但这会影响性能，并且不是标准做法。

<!--[if lte IE 8]><style>
 .ie-ellipsis {
   white-space: nowrap; /* 防止换行 */
   filter: progid:DXImageTransform.Microsoft.TextEffect(EdgeMode=ellipsis); /* IE6-8 */
 }
</style><![endif]-->

然后在HTML里给需要省略的元素加上`.ie-ellipsis`类。